react tutorial exercises

Reaccionar tutorial y ejercicios interactivos

Por @alesanchezr y otros colaboradores en 4Geeks Academy

Estas instrucciones están disponibles en ?? Español ??

Puede encontrar muchos tutoriales interactivos/autogradados gratuitos en línea, pero hay muy pocos sobre react.js. Es por eso que decidimos crear una selección completa de ejercicios para los desarrolladores interesados ​​en aprender react.js.

Estos ejercicios pueden ser realizados por desarrolladores junior y senior y están destinados a ser construidos a través de la colaboración. ¡Necesitamos su ayuda!

Si encuentra problemas de errores o ortografía, contribuya e repórtalos, y los corregiremos.

Instalación de un clic (recomendado):

Puede abrir estos ejercicios en solo unos segundos haciendo clic: Abrir en espacios de códigos (recomendados) o abrir en GitPod.

Una vez que tenga VSCODE abierto, los ejercicios LearnPack deben comenzar automáticamente. Si los ejercicios no se ejecutan automáticamente, puede intentar escribir en su terminal: $ learnpack start

Instalación local:

Clone el repositorio en su entorno local y siga los pasos a continuación:

1. Asegúrese de haber instalado LearnPack localmente.
2. Descargue los ejercicios React clonando el proyecto o descargando la zip de GitHub.

Nota: Una vez que termine de descargar, asegúrese de estar en la carpeta correcta (encontrará el subdirectorio "ejercicios").

3. Inicie el tutorial/ejercicios ejecutando el siguiente comando desde la raíz del proyecto:

$ npm i @learnpack/learnpack -g
$ learnpack start

¿Cómo se organizan los ejercicios?

Cada ejercicio es una pequeña aplicación React que contiene los siguientes archivos:

1. App.js: representa el archivo de entrada para el ejercicio.
2. ReadMe.md: contiene instrucciones de ejercicio.
3. Test.js: no tiene que abrir este archivo, contiene el script de prueba para el ejercicio.

Nota: Los ejercicios tienen una calificación automática, pero es muy rígido y estricto, mi recomendación es no tomar las pruebas demasiado serias y usarlas solo como sugerencia, o puede sentirse frustrado.

Colaboradores

Gracias a estas maravillosas personas (Key Emoji):

1. Alejandro Sánchez (Alesanchezr), Contribución: (Coder), (Idea)?, (Pruebas de construcción) ️ , (Pull-Request-Review)?, (Build-Tutorial) ✅, (documentación)

2. Paolo (PLUCODEV), Contribución: (Informes de errores)?, (Coder), (Traducción)?

3. Marco Gómez (Marcogonzalo), Contribución: (Informes de errores)?, (Traducción)?

Este proyecto sigue la especificación de todos los contribuyentes. ¡Las contribuciones de cualquier tipo son bienvenidas!

Este y muchos otros ejercicios son construidos por estudiantes como parte del Campamento de codificación de la Academia 4Geeks por Alejandro Sánchez y muchos otros colaboradores. Obtenga más información sobre nuestro curso completo de desarrolladores de pila y Data Science Bootcamp.