https://github.com/hugolebredo/react_tutorial_2

Pequeños ejercicios para aprender a trabajar con arrays en el estado de la aplicación en React ⚛️
https://github.com/hugolebredo/react_tutorial_2

reactjs tutorial tutorial-code

Last synced: about 1 year ago
JSON representation

Pequeños ejercicios para aprender a trabajar con arrays en el estado de la aplicación en React ⚛️

• Host: GitHub
• URL: https://github.com/hugolebredo/react_tutorial_2
• Owner: HugoLebredo
• License: gpl-3.0
• Created: 2022-11-12T15:59:28.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2022-11-16T20:09:35.000Z (over 3 years ago)
• Last Synced: 2025-01-21T12:11:20.645Z (about 1 year ago)
• Topics: reactjs, tutorial, tutorial-code
• Homepage:
• Size: 67.4 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Tutorial ReactJS II: Arrays en el estado

Vamos a hacer unos ejercicios para entender como añadir elementos y renderizar arrays dentro del estado de la aplicación en ReactJS. 

Venimos de 👉 [Tutorial ReactJS I](https://github.com/HugoLebredo/react_tutorial) donde trabajamos con las bases 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**](https://github.com/HugoLebredo/react_tutorial_2/tree/ejercicio1) | Renderizar un array de objetos. | [![codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/github/HugoLebredo/react_tutorial_2/ejercicio1)|

| [**Ejercicio2**](https://github.com/HugoLebredo/react_tutorial_2/tree/ejercicio2) | Refactor del array del ejercicio anterior utilizando [**template literals**](https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Template_literals). | [![codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/github/HugoLebredo/react_tutorial_2/ejercicio2)|

| [**Ejercicio3**](https://github.com/HugoLebredo/react_tutorial_2/tree/ejercicio3) | Añadir un elemento al array de objetos. | [![codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/github/HugoLebredo/react_tutorial_2/ejercicio3)|

| [**Ejercicio4**](https://github.com/HugoLebredo/react_tutorial_2/tree/ejercicio4) | Creamos un formulario y refactorización. | [![codesandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/p/github/HugoLebredo/react_tutorial_2/ejercicio4)|

## Desplegar en local

Esta aplicación ha sido creada con [vite ⚡️](https://vitejs.dev/). Para desplegar el código localmente utiliza los siguientes comandos.

```bash

# 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

```