- Este proyecto lo estoy realizando dentro del curso Front End III de la carrera Certified Tech Developer
- Periodo : Julio - Septiembre 2024
En este proyecto se practica react
Este proyecto muestra cómo implementar un contexto global en React para gestionar diferentes idiomas en una aplicación web utilizando Vite.js como base.
Como ya sabes, algo común en las páginas web, además del tema (claro u oscuro), es la posibilidad de elegir el idioma en el que se presentará el sitio. En esta mesa de trabajo, te invitamos a desarrollar un contexto global que gestione los diferentes idiomas de un determinado proyecto React.
Te recomendamos respetar la secuencia de tareas: empezar a trabajar desde context.js, luego App.jsx y terminar con los componentes (Navbar y Body) para facilitar la comprensión del flujo de ejecución.
Para que puedas empezar a practicar, te dejamos este proyecto base creado con Vite.js.
Clonar el proyecto base desde GitHub e instalar las dependencias.
El proyecto tiene una carpeta (idiomas) con diferentes idiomas, utilizar español e inglés.
Context.js:
Crear el contexto y rellenar el objeto lingüístico.
App.jsx:
Crear la función que modifica el valor del idioma actual por el nuevo idioma seleccionado.
En la devolución, utilizar LanguageContext con el proveedor.
Navbar.jsx y Body.jsx:
Implementar useContext() donde sea necesario.
Modificar los valores fijos a los nuevos valores obtenidos a través del contexto global (buscar en consola.log la clave de cada elemento).
Realizado por : Sammy Gigi Cantoral Montejo (sgcm14)
