Nous voici arrivés à la fin de cette série sur le framework ReactJS.
Afin de clôturer cette formation, nous allons réaliser un exercice pratique qui va reprendre l'intégralité des bases de React.
Ce challenge consistera à créer une page contenant un formulaire permettant de créer un nouveau client. Et un autre onglet nous permettra d'afficher la liste des clients créés. Un exercice a priori simple mais qui nécessite de mobiliser pas mal de compétences React.
Les bases de ReactJS #9/9 : Exercice d'application
Voici les points que nous exploiterons dans cet exercice :
- Création de composants (Parent & Enfants),
- Création de routes,
- Passage de props,
- Gestion de la hiérarchie Parent / Enfant,
- Gestions du hook useState.
À la fin de cet exercice, vous aurez pu mettre en application toutes les bases de ReactJS que nous avons vu tout au long de cette série de cours.
Je mets les codes de cet exercice à votre disposition avec les sources.
Épisodes précédents :
- Les bases de React JS #1/9 : La découverte du framework
- Les bases de ReactJS #2/9 : Composant à base de classe
- Les bases de ReactJS #3/9 : Etat et cycle de vie d'un composant
- Les bases de ReactJS #4/9 : Les hooks
- Les bases de ReactJS #5/9 : Mapper des éléments HTML
- Les bases de ReactJS #6/9 :: Manipuler des datas depuis un JSON
- Les bases de ReactJS #7/9 : Créer une Single Page Application (SPA)
- Les bases de ReactJS #8/9 : Traitement des formulaires
Avis des apprenants