Skip to content

Pequeños ejercicios para aprender los fundamentos sobre el estado de la aplicación de React ⚛

License

Notifications You must be signed in to change notification settings

HugoLebredo/react_tutorial

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 

Repository files navigation

Tutorial ReactJS I: Estado de la aplicación

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.

¿Cómo funciona este repositorio?

  • 🌱 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. codesandbox
Ejercicio2 Trabajamos con un objeto en el estado que contendrá dos contadores independientes. codesandbox
Ejercicio3 Añadimos un tercer contador que se incremente cuando se puelse cualquier botón. codesandbox
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 codesandbox
Ejercicio5 Se explica el renderizado condicional o dicho de otra manera como cambiar estilos a traves del estado. codesandbox

Desplegar en local

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

About

Pequeños ejercicios para aprender los fundamentos sobre el estado de la aplicación de React ⚛

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published