Notions intermédiaires React
Explorez les notions essentielles de React pour améliorer vos compétences. Apprenez à optimiser le rendu et la gestion des effets.
▶ S'entraînerListe des cartes — version texte
Qu’est-ce qu’un render en React ?Exécution de la fonction du composant → production d’un nouvel arbre virtuel (Virtual DOM). Ce n’est pas une mise à jour du DOM réel.
Différence entre render et commit ?Render = calcul pur (génération du Virtual DOM). Commit = mise à jour du DOM réel + exécution des effets (useEffect).
Pourquoi les enfants re-render quand le parent re-render ?React utilise un modèle top-down : si un parent render, ses enfants sont ré-exécutés par défaut. Optimisation uniquement avec React.memo.
Qu’est-ce que la reconciliation ?Algorithme qui compare deux arbres React pour déterminer les changements à appliquer au DOM. Basé sur le type des éléments et les clés (key).
À quoi servent les keys dans les listes ?Identifier les éléments entre renders pour éviter des destructions/recréations inutiles et préserver l’état.
Aperçu de 5 cartes sur 27 — la liste complète est dans l'app