Enrutamiento con React Router
Parte del curso de React
Todo lo que has construido hasta ahora vive en una sola dirección. Hay una única página y, sea lo que sea lo que quieras enseñar al usuario, lo muestras o lo escondes con el estado. Eso funciona hasta que alguien quiere guardar en marcadores la pantalla de ajustes, o mandarle a un compañero el enlace de un usuario concreto, o pulsar el botón de atrás del navegador y acabar donde espera.
Una aplicación de una sola página no recarga la página entera cuando te mueves por ella. El navegador descarga el JavaScript una vez y, a partir de ahí, cambiar de pantalla es solo React renderizando componentes distintos. Pero la URL debería cambiar igualmente, el botón de atrás debería seguir funcionando y escribir una dirección directamente debería seguir llevándote al sitio correcto.
¿Quieres aprender React Enrutamiento con React Router en un entorno real?
Haz clic abajo, recibe una máquina Linux con React listo, y practica Enrutamiento con React Router con un tutor de IA que conoce tu código.
Empezar esta lecciónEnrutamiento con React RouterLo que vas a aprender
- Installing react-router-dom
- BrowserRouter
- Routes and Route
- Link for navigation
- UseParams
- UseNavigate
Lee esta lección en tu idioma
Todas las lecciones de este curso
17 lecciones- 1¿Qué es React?25 min
- 2JSX y Components30 min
- 3Props30 min
- 4State con useState35 min
- 5Manejo de eventos30 min
- 6Renderizado condicional y listas30 min
- 7Formularios y Controlled Inputs35 min
- 8Effects con useEffect40 min
- 9Obtención de datos40 min
- 10Composición de Components35 min
- 11Context y useContext35 min
- 12useReducer35 min
- 13Hooks personalizados35 min
- 14Rendimiento y Memoization35 min
- 15Enrutamiento con React Router40 min
- 16Pruebas de Components de React40 min
- 17Proyecto final: Aplicación de tareas60 min
