React Router
BrowserRouter, Routes, Route, Link, useNavigate, useParams, nested routes, protected routes
1Cos'è BrowserRouter in React Router?
Cos'è BrowserRouter in React Router?
Risposta
BrowserRouter utilizza la History API del browser per creare URL puliti senza hash. A differenza di HashRouter che aggiunge un # nell'URL, BrowserRouter offre una migliore esperienza utente e SEO. Tuttavia, richiede la configurazione del server per gestire correttamente le route in produzione.
2Quale componente si dovrebbe usare per definire una route in React Router?
Quale componente si dovrebbe usare per definire una route in React Router?
Risposta
Il componente Route definisce una corrispondenza tra un path URL e un componente da visualizzare. Deve essere posizionato all'interno di un componente Routes per funzionare correttamente. Ogni Route specifica un path e un element da renderizzare quando l'URL corrisponde.
3A cosa serve il componente Link in React Router?
A cosa serve il componente Link in React Router?
Risposta
Link crea link di navigazione senza ricaricare la pagina. A differenza del tag HTML nativo <a>, Link intercetta i click e usa la History API per cambiare l'URL. Questo preserva lo stato dell'applicazione e fornisce una navigazione più rapida e fluida.
Qual è il ruolo del componente Routes?
Come recuperare un parametro URL come :id in /user/:id?
+17 domande da colloquio
Altri argomenti di colloquio React / Next.js
Fondamenti di JavaScript
Fondamenti di React
React Hooks
Ciclo di vita dei componenti
Gestione dello state con Context
Form e Controlled Components
Recupero dati e API
React Query (TanStack Query)
Styling & CSS-in-JS
Fondamentali di Next.js
TypeScript con React
Data Fetching in Next.js
Server Actions di Next.js
Routing e Navigazione in Next.js
API Routes di Next.js
Metadata & SEO in Next.js
Middleware e Auth in Next.js
Testing React
Zustand State Management
Ottimizzazione delle Performance React
Error Boundaries & Error Handling
Advanced React Patterns
Funzionalità avanzate di Next.js
Deploy e Produzione con Next.js
Architecture & Design Patterns
React Server Components
Internazionalizzazione di Next.js
React Sicurezza & Best Practices
Padroneggia React / Next.js per il tuo prossimo colloquio
Accedi a tutte le domande, flashcards, test tecnici, esercizi di code review e simulatori di colloquio.
Inizia gratis