Gestion d'états avec React (doc 2023)

Structuration de l'état

Principe :

• Un etat ne doit pas avoir des informations redondantes. Exemple avec fullname en Etat vs avec un calcul de la valeur PENDANT le rendu du composant. (https://react.dev/learn/managing-state)

• Eviter les 4 inspecteurs DRIC(moyen mnémotechnique) :

  • Duplication
  • Redondance
  • Imbriquation(deep)/
  • Contradiction

  Etats liés (ex : x,y pour la position)

  Utile si deux ou plusieurs états en même temps.

Elevation d'etat

Bonus

• Redux toolkit est le plus utilisé en remplacement de Redux : https://redux-toolkit.js.org/ **/!\ ContextAPI est une injection de dépendance, pas un gestionnaire d'état.https://blog.isquaredsoftware.com/2021/01/context-redux-differences/ Ce qui simule l'impression qu'il "gère l'état" (alors que c'est comme un moyen de transport) est en réalité fait via useState ou useReducer.