Concept de base de React

Les concepts de base de React incluent :

• composant

• gestion d’etat

• props

• Gestion d’évenement

• rendu conditionnel

• rendu de liste

• Les composants sont des blocs de code réutilisables qui sont utilisés pour construire l'interface utilisateur d'une application React. Ils peuvent prendre des données en entrée (props) et renvoyer une representation visuelle de ces données sous forme d'éléments HTML.

• La gestion de l'état est la façon dont les données dynamiques d'une application sont gérées et mises à jour. Dans React, l'état peut être géré à l'intérieur d'un composant ou à l'aide d'une bibliothèque tierce, telle que Redux.

• Les props sont des données qui sont passées à un composant React en tant qu'arguments. Ils permettent aux composants de recevoir des données de leurs composants parents et de les utiliser pour afficher des informations dans leur rendu.

  • on l’utilise pour du contenu non mis a jour, si besoin de mise a jour il faut passer par l’état

• Les événements sont des actions qui se produisent dans l'interface utilisateur, telles que

  • les clics de souris

  • les modifications de texte

  • les interactions avec des éléments du DOM.

    Dans React, les événements sont gérés en utilisant des fonctions de rappel (callback functions) qui sont exécutées lorsqu'un événement est déclenché.

• Le rendu conditionnel est la façon dont React permet d'afficher ou de masquer des éléments en fonction de certaines conditions. Cela permet de personnaliser l'interface utilisateur en fonction des données et des actions de l'utilisateur. ( exemple : Se connecter / connecté

• Le rendu de listes est la façon dont React permet d'afficher des données sous forme de liste. Cela permet d'afficher des ensembles de données de manière efficace en utilisant un seul composant pour générer plusieurs éléments d'une liste. Comme des cartes, des listes de videos, images..