Puedes encontrar muchos tutoriales interactivos gratuitos en línea, pero casi ninguno sobre React.js. Por eso hemos decidido crear una selección muy completa de ejercicios para las personas interesadas en aprender React.js: ¡Para seniors y juniors!
¡Te necesitamos! Estos ejercicios se crean y mantienen con colaboradores como tú. Si encuentras algún error o falta de ortografía, contribuye y/o infórmanos.
Puedes empezar estos ejercicios en pocos segundos haciendo clic en: Abrir en Codespaces (recomendado) o Abrir en Gitpod.
Una vez ya tengas abierto VSCode, los ejercicios de LearnPack deberían empezar automáticamente; si esto no sucede, puedes intentar empezar los ejercicios escribiendo este comando en tu terminal:
$ learnpack start
Clona el repositorio en tu ambiente local y sigue los siguientes pasos:
- Asegúrate de tener el learnpack-cli instalado y
node.js
versión 14+. Este es el comando para instalar learnpack-cli:
$ npm i learnpack -g
- Descarga los ejercicios clonando el proyecto o descargando el zip desde GitHub.
Nota: Una vez termine la descarga, asegúrate de estar en el directorio correcto (te encontrarás en el subdirectorio "exercises").
- Inicia los ejercicios ejecutando el siguiente comando desde la raíz del proyecto:
$ npm i [email protected] -g
$ learnpack plugins:install [email protected]
$ learnpack start
Cada ejercicio es una pequeña aplicación de React que contiene los siguientes archivos:
- app.js: representa el archivo de entrada para el ejercicio.
- README.md: contiene las instrucciones del ejercicio.
- test.js: no tienes que abrir este archivo, contiene el script de prueba para el ejercicio.
Nota: Estos ejercicios tienen calificación automática. Los tests son muy rígidos y estrictos, mi recomendación es que no prestes demasiada atención a los tests y los uses solo como una sugerencia o podrías frustrarte.
Gracias a estas personas maravillosas (emoji key):
-
Alejandro Sanchez (alesanchezr), contribución: (programador) 💻, (idea) 🤔, (build-tests)
⚠️ , (pull-request-review) 🤓, (build-tutorial) ✅, (documentación) 📖 -
Paolo (plucodev), contribución: (bug reports) 🐛, (programador) 💻, (traducción) 🌎
-
Marco Gómez (marcogonzalo), contribution: (bug reports) 🐛, (traducción) 🌎
Este proyecto sigue la especificación all-contributors. ¡Todas las contribuciones son bienvenidas!
Este y otros ejercicios son usados para aprender a programar por parte de los alumnos de 4Geeks Academy Coding Bootcamp realizado por Alejandro Sánchez y muchos otros contribuyentes. Conoce más sobre nuestros Cursos de Programación para convertirte en Full Stack Developer, o nuestro Data Science Bootcamp.