React - 7.3 Mettre en pratique React avec un premier projet
Après avoir vu les bases de React, il est temps de les appliquer à un projet concret. Ce projet reste simple, mais il reprend les notions fondamentales : composants, saisie de données et logique d'ajout. Vous pouvez tenter l'exercice seul, puis comparer votre solution avec celle de la vidéo.
Ce que fait l'application
Cet exercice se concentre sur l'ajout d'utilisateurs fictifs. Par exemple, vous pouvez créer un utilisateur nommé Max, saisir un âge, puis ajouter l'utilisateur.
Dans cet exercice, l'utilisateur ne peut ni être modifié ni être supprimé. D'autres fonctionnalités seront vues dans les prochains cours.
Aborder l'exercice sans copier
Il ne s'agit pas d'obtenir exactement le même style que dans la vidéo. L'essentiel est de construire les composants React et d'appliquer la logique vue pendant les cours.
Si un concept vous échappe, revenez aux leçons précédentes. Vous pourrez ensuite comparer votre solution avec celle de la vidéo et voir ce qui peut être amélioré.
- Construire les composants React nécessaires.
- Appliquer la logique générale vue pendant les cours.
- Comparer ensuite votre solution avec celle proposée.
En résumé
Ce projet met en pratique les bases de React à travers une application simple d'ajout d'utilisateurs. Vous devez construire les composants et la logique, sans chercher un rendu identique. La comparaison avec la solution de la vidéo vous aidera à progresser.
Points clés
- Le projet reprend les notions fondamentales de React vues pendant le cours.
- L'exercice consiste à ajouter des utilisateurs avec un nom et un âge.
- Le rendu visuel n'a pas besoin d'être identique à celui de la vidéo.
- Les leçons précédentes restent la meilleure ressource en cas de doute.
- Comparer sa solution permet de repérer ce qui peut être amélioré.
Questions fréquentes
Dois-je obtenir exactement le même style que la vidéo ?
Non. L'objectif est de construire les composants et la logique. Le rendu visuel peut donc différer.
Que faire si je bloque ?
Revenez aux leçons précédentes pour revoir le concept concerné, puis reprenez votre code.
À quoi sert la comparaison avec la vidéo ?
Elle permet de voir ce que vous avez bien fait, ce qui manquait et ce qui pourrait être meilleur.