react tutorial exercises

React Interactive Tutorial & Exercises

Par @alesanchezr et autres contributeurs à la 4Geeks Academy

Estas Instrucciones ESTán Disponbles en ?? Español ??

Vous pouvez trouver de nombreux tutoriels interactifs / automatiquement gratuits en ligne, mais il y en a très peu à propos de react.js. C'est pourquoi nous avons décidé de créer une sélection complète d'exercices pour les développeurs qui sont intéressés à apprendre React.js.

Ces exercices peuvent être effectués par des développeurs juniors et seniors et sont destinés à être construits grâce à la collaboration. Nous avons besoin de votre aide!

Si vous trouvez des bogues ou des problèmes d'orthographe, veuillez les contribuer et les signaler, et nous les corrigeons.

Installation d'un clic (recommandé):

Vous pouvez ouvrir ces exercices en quelques secondes en cliquant: Ouvrir en codespaces (recommandée) ou ouvrir en gitpod.

Une fois que vous avez VSCODE ouvert, les exercices LearnPack devraient démarrer automatiquement. Si les exercices ne fonctionnent pas automatiquement, vous pouvez essayer de taper sur votre terminal: $ learnpack start

Installation locale:

Clone le référentiel dans votre environnement local et suivez les étapes ci-dessous:

1. Assurez-vous que vous avez installé LearnPack localement.
2. Téléchargez les exercices React en clonage le projet ou en téléchargeant le zip à partir de Github.

Remarque: Une fois le téléchargement terminé, assurez-vous que vous êtes dans le bon dossier (vous trouverez les "exercices" du sous-répertoire).

3. Démarrez le tutoriel / les exercices en exécutant la commande suivante à partir de la racine du projet:

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

Comment les exercices sont-ils organisés?

Chaque exercice est une petite application React contenant les fichiers suivants:

1. app.js: représente le fichier d'entrée pour l'exercice.
2. Readme.md: contient des instructions d'exercice.
3. test.js: vous n'avez pas à ouvrir ce fichier, il contient le script de test pour l'exercice.

Remarque: Les exercices ont un classement automatique, mais il est très rigide et strict, ma recommandation est de ne pas passer les tests trop graves et de les utiliser uniquement comme suggestion, ou vous pouvez être frustré.

Contributeurs

Merci à ces gens merveilleux (clé emoji):

1. Alejandro Sanchez (Alesanchezr), contribution: (codeur), (idée) ?, (Tests de construction) ️ , (pull-request-review) ?, (build-tutorial) ✅, (documentation)

2. Paolo (Plucodev), contribution: (rapports de bogues) ?, (codeur), (traduction)?

3. Marco Gómez (Marcogonzalo), contribution: (rapports de bogues) ?, (traduction)?

Ce projet suit les spécifications de tous les contributeurs. Les contributions de toute nature sont les bienvenues!

Ceci et de nombreux autres exercices sont construits par les étudiants dans le cadre du bootcamp codant de l'Académie 4GEEKS par Alejandro Sánchez et de nombreux autres contributeurs. En savoir plus sur notre cours complet de développeur Stack et Data Science Bootcamp.