React Router
BrowserRouter, Routes, Route, Link, useNavigate, useParams, nested routes, protected routes
1¿Qué es BrowserRouter en React Router?
¿Qué es BrowserRouter en React Router?
Respuesta
BrowserRouter utiliza la API History del navegador para crear URLs limpias sin hash. A diferencia de HashRouter que añade un # en la URL, BrowserRouter ofrece una mejor experiencia de usuario y SEO. Sin embargo, requiere configuración del servidor para manejar correctamente las rutas en producción.
2¿Qué componente se debe usar para definir una ruta en React Router?
¿Qué componente se debe usar para definir una ruta en React Router?
Respuesta
El componente Route define una correspondencia entre un path de URL y un componente a mostrar. Debe colocarse dentro de un componente Routes para funcionar correctamente. Cada Route especifica un path y un element a renderizar cuando la URL coincide.
3¿Para qué sirve el componente Link en React Router?
¿Para qué sirve el componente Link en React Router?
Respuesta
Link crea enlaces de navegación sin recargar la página. A diferencia de la etiqueta HTML nativa <a>, Link intercepta los clics y usa la API History para cambiar la URL. Esto preserva el estado de la aplicación y proporciona una navegación más rápida y fluida.
¿Cuál es el rol del componente Routes?
¿Cómo recuperar un parámetro de URL como :id en /user/:id?
+17 preguntas de entrevista
Otros temas de entrevista React / Next.js
Fundamentos de JavaScript
Fundamentos de React
React Hooks
Ciclo de vida de los componentes
Gestión de estado con Context
Formularios y Controlled Components
Obtención de datos y API
React Query (TanStack Query)
Styling & CSS-in-JS
Fundamentos de Next.js
TypeScript con React
Data Fetching en Next.js
Server Actions de Next.js
Routing y Navegación en Next.js
API Routes de Next.js
Metadata & SEO en Next.js
Middleware y Auth en Next.js
Testing en React
Zustand State Management
Optimización de Rendimiento en React
Error Boundaries & Error Handling
Advanced React Patterns
Características avanzadas de Next.js
Despliegue y Producción de Next.js
Architecture & Design Patterns
React Server Components
Internacionalización de Next.js
React Security & Buenas Prácticas
Domina React / Next.js para tu próxima entrevista
Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.
Empieza gratis