proyecto en React Skill Tree

Implementación de características de navegación en React

Intermedio

En este proyecto, aprenderás cómo implementar características de navegación en una aplicación React. Crearás una aplicación sencilla con una barra de navegación y páginas a las que se puede acceder mediante enlaces.

reactjavascriptweb-development

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

En este proyecto, aprenderás a implementar características de navegación en una aplicación React. Crearás una aplicación simple con una barra de navegación y páginas a las que se puede acceder mediante enlaces.

👀 Vista previa

vista previa del proyecto

🎯 Tareas

En este proyecto, aprenderás:

  • Cómo configurar el proyecto e instalar dependencias
  • Cómo agregar rutas y coincidentes de rutas para habilitar la navegación de los menús en la barra de navegación
  • Cómo agregar navegación desde la lista de tarjetas a las tarjetas individuales

🏆 Logros

Después de completar este proyecto, podrás:

  • Utilizar React Router para manejar la enrutación del lado del cliente
  • Crear enlaces y navegar entre diferentes páginas en una aplicación React
  • Pasar datos entre componentes utilizando el objeto state en React Router
Este es un Guided Lab, que proporciona instrucciones paso a paso para ayudarte a aprender y practicar. Sigue las instrucciones cuidadosamente para completar cada paso y obtener experiencia práctica. Los datos históricos muestran que este es un laboratorio de nivel principiante con una tasa de finalización del 83%. Ha recibido una tasa de reseñas positivas del 86% por parte de los estudiantes.

Profesor

labby
Labby
Labby is the LabEx teacher.