3.17 un premier résumé

Cette vidéo conclut la première partie consacrée aux composants et aux props en React. Nous y faisons un point récapitulatif sur tout ce qui a été vu : la philosophie des composants, la réutilisation par instances multiples, et le passage de données du parent vers l'enfant via les props. Une étape essentielle avant d'attaquer l'état (state).

Concepts clés à retenir

• Les composants sont les briques fondamentales de React.
• On les découpe en plusieurs fichiers pour la lisibilité.
• Un même composant peut être utilisé plusieurs fois.
• Les props permettent de transmettre des données du parent à l'enfant.
• Au final, le rendu produit du HTML standard dans le DOM.

Tout ce que nous avons construit jusqu'à présent est statique : les données sont codées en dur dans App.js et n'évoluent pas. Pour bâtir une vraie application interactive, il faut pouvoir gérer des données qui changent au fil du temps (saisie utilisateur, réponse d'API, filtres...). C'est exactement ce que permet le concept d'état, ou state en anglais.

Composants et props sont les deux concepts les plus importants à maîtriser quand on travaille avec React. Ils forment le socle sur lequel reposent toutes les fonctionnalités plus avancées. Dans la prochaine section, nous allons donner vie à notre application en introduisant l'état. Vous verrez alors la différence entre un composant statique et un composant qui réagit aux interactions utilisateur.