Fundamentos de navegación en la web
¿Cuándo necesitas React Router?
SSR vs. Single Page Applications
Versiones de React Router: ¿Por qué son tantas? ¿Cuál elegir?
Introducción a React Router DOM 6
Instalación de React Router DOM 6
BrowserRouter vs. HashRouter
Route: componentes de navegación
Link vs. NavLink
useParams: rutas dinámicas
useNavigate: historial de navegación
Outlet: nested routes
Fake authentication con React Router DOM 6
useAuth: login y logout
Menú con rutas públicas y privadas
Navigate y redirects: protegiendo rutas privadas
Roles y permisos
Reto: composición de componentes con navegación
Reto: UX de login y logout
Reto: roles complejos
React Router en TODO Machine
Integrando React Router a proyectos en React
Creando las rutas de TODO Machine
Botón de editar TODOs
Generador automático de IDs
Cambiando modales por navegación
Obtener y editar TODOs
useLocation: transferencia de datos por navegación
Deploy con React Router en GitHub Pages
Próximos pasos
Reto: página de búsquedas con navegación
Reto: TODO Machine con React Router DOM 5
Reto: PlatziMovies con React Router
Reto: crea tu propio React Router
Espera más cursos de React.js
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Aportes 2
Preguntas 1
Si pruebas agregar otro elemento. Problabemente, verás la sobreescritura de un anterior elemento.
Habia debugueado con muchos console.log hasta darme cuenta que en la asignación de nuevo ID llegaba vacío. Pensé que la variable todos se encontraba en otro scope y habia un error… 😖😖😖 estuve horas así sabiendo el porque, pero sin saber como. Para nuestra buena suerte la solución y explicación a ese error se encuentran en el siguiente video.
En el proceso de editar un todo me salía un error de compilación que no identificaba el id, me ayudó utilizar lo siguiente en la página de EditTodo Page:
const {id} = useParams()
Que extrae el id de los parámetros, pero como string, de tal modo que en el useTodos en el editTodo habría que hacerle un parseInt a ese id para que funcione
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.