React Router
BrowserRouter, Routes, Route, Link, useNavigate, useParams, nested routes, protected routes
1Wat is BrowserRouter in React Router?
Wat is BrowserRouter in React Router?
Antwoord
BrowserRouter gebruikt de History API van de browser om schone URL's zonder hash te maken. In tegenstelling tot HashRouter dat een # toevoegt aan de URL, biedt BrowserRouter een betere gebruikerservaring en SEO. Het vereist echter serverconfiguratie om routes correct af te handelen in productie.
2Welke component moet worden gebruikt om een route te definiëren in React Router?
Welke component moet worden gebruikt om een route te definiëren in React Router?
Antwoord
De Route-component definieert een overeenkomst tussen een URL-pad en een weer te geven component. Het moet binnen een Routes-component worden geplaatst om correct te werken. Elke Route specificeert een path en een element om te renderen wanneer de URL overeenkomt.
3Wat is het doel van de Link-component in React Router?
Wat is het doel van de Link-component in React Router?
Antwoord
Link maakt navigatielinks zonder de pagina opnieuw te laden. In tegenstelling tot de native HTML <a>-tag onderschept Link klikken en gebruikt de History API om de URL te wijzigen. Dit behoudt de applicatiestatus en biedt snellere, vloeiendere navigatie.
Wat is de rol van de Routes-component?
Hoe een URL-parameter zoals :id in /user/:id ophalen?
+17 gespreksvragen
Andere React / Next.js-sollicitatieonderwerpen
JavaScript-basisbegrippen
React-basisbegrippen
React Hooks
Componentlevenscyclus
Statusbeheer met Context
Formulieren & Controlled Components
Gegevens ophalen & API
React Query (TanStack Query)
Styling & CSS-in-JS
Next.js Fundamentals
TypeScript met React
Next.js Data Fetching
Next.js Server Actions
Routing & Navigatie in Next.js
Next.js API Routes
Next.js Metadata & SEO
Next.js Middleware & Auth
React Testen
Zustand State Management
React Performance-optimalisatie
Error Boundaries & Error Handling
Advanced React Patterns
Geavanceerde Next.js-functies
Next.js Deployment & Productie
Architecture & Design Patterns
React Server Components
Next.js Internationalisering
React Beveiliging & Best Practices
Beheers React / Next.js voor je volgende gesprek
Krijg toegang tot alle vragen, flashcards, technische tests, code review-oefeningen en gespreksimulatoren.
Begin gratis