Day-21.md

Mercredi 13/11/2024

Brief

---

React :

• Comprendre ce qu'est React :
  Introduction à React et son rôle en tant que bibliothèque JavaScript pour créer des interfaces utilisateur.

• Comprendre toutes les notions essentielles de React :
  Voir ici pour une vue d'ensemble des concepts clés de React.

• Comprendre ce que sont les Hooks :
  Apprendre l'utilisation des Hooks pour gérer l'état (useState, useEffect, etc.) et les effets secondaires.

• Faire le tutoriel (Version navigateur) :
  Ici jusqu'à la section sur la gestion d'événements (Handling Events).

• Comprendre ce qu'est create-react-app :

  • Installer create-react-app sur votre machine pour initialiser des projets React facilement.

• Comprendre ce qu'est un composant :
  Voir ici pour une introduction aux composants React.

• Savoir manipuler les composants :

  • Importer / Réutiliser des composants : Apprendre à structurer une application en composants réutilisables.
  • Utiliser les sélecteurs CSS avec React : Gérer le style des composants en utilisant le CSS ou des modules CSS.
  • Appliquer du style aux composants : Apprendre différentes méthodes pour styliser les composants, comme les inline styles ou styled-components.
  • Binder des propriétés (props) aux composants : Comprendre comment passer des données d'un composant parent à un composant enfant via les props.
  • Déclencher des événements depuis les composants : Utiliser des événements comme onClick, onChange, etc., pour réagir aux interactions utilisateur.
  • Utiliser la fonction useState pour gérer l'état local : Apprendre à gérer l'état d'un composant avec les Hooks.
  • Comprendre children en React : Savoir passer et manipuler des composants enfants via les props children.
  • Comprendre le cycle de vie des composants avec les Hooks (useEffect) : Maîtriser la gestion des effets secondaires et des cycles de mise à jour.
  • Faire de l'héritage avec les composants : Utiliser la composition pour organiser les composants et partager du code.