Vamos a hacer unos ejercicios para comprender el funcionamiento del estado de la aplicación en ReactJS.
Continuamos en 👉 Tutorial ReactJS II trabajando con arrays en el estado de la aplicación.
- 🌱 En cada rama del repositorio se encuentra el código de los siguientes ejercicios.
- 🔗 Puedes ver el ejercicio desplegado clickando en el botón correspondiente.
- 📶 Los ejercicios tienen una dificultad incremental pero son todos muy siencillos.
- 📑 En el archivo Readme de cada rama se explica el ejercicio con un poco más de profundidad.
Ejercicio | Descripción | Enlace |
---|---|---|
Ejercicio1 | Crear un contador. | |
Ejercicio2 | Trabajamos con un objeto en el estado que contendrá dos contadores independientes. | |
Ejercicio3 | Añadimos un tercer contador que se incremente cuando se puelse cualquier botón. | |
Ejercicio4 | Añadimos dos cosas array al estado que alamacena el orden de pulsación de los botones y un botón para resetear los contadores | |
Ejercicio5 | Se explica el renderizado condicional o dicho de otra manera como cambiar estilos a traves del estado. |
Esta aplicación ha sido creada con vite ⚡️. Para desplegar el código localmente utiliza los siguientes comandos.
# Nos movemos a la carpeta de nuestro proyecto
cd my-project
# Instalamos las dependencias del package.json
npm install
# Iniciamos el proyecto
npm run dev