React Mentor

6 questions dans la collection

Refs React et cycle de vie des effets

Une progression sur le timing de montage, les refs, le layout timing et le cleanup pour les apprenants qui veulent un modele mental concret.

Utilise cette collection pour remplacer l'intuition floue sur les hooks par de vrais mecanismes de cycle de vie.

Workspace

Transformer la lecture en vraie boucle d entrainement

L experience learn complete vit dans le workspace : signaux de cours, checkpoints, practice ciblee et renvoi en review.

suivre les cours vus et les resultats de checkpoint

lancer une practice ciblee directement depuis un cours

renvoyer les cours en review espacee

Connexion

Apercu de la collection

Tu peux inspecter ici la sequence et la couverture des sujets. La boucle guidee complete reste dans le workspace dashboard.

Choix simple•Junior•D2

Que signifie en general useEffect(() => { ... }, []) dans le comportement de production ?

En comportement de production normal, l'effet tourne une fois apres le premier commit de cette instance de composant, puis son cleanup s'execute quand cette instance est demontée.

Refs et cycle de vie des effets•Les effets sans superstition

Choix simple•Junior•D2

Qu'est-ce qui distingue useRef de useState quand on veut conserver une valeur entre plusieurs renders ?

useRef stocke un conteneur mutable persistant, alors que useState stocke un state qui pilote le rendu et declenche un rerender quand il change.

Refs et cycle de vie des effets•Les effets sans superstition

Choix simple•Intermédiaire•D3

Quand useLayoutEffect est-il un meilleur choix que useEffect dans un composant React ?

Il faut utiliser useLayoutEffect quand l'effet doit lire ou ajuster le layout de maniere synchrone avant que l'utilisateur voie le resultat peint.

Modele mental des effets•Les effets sans superstition

Choix simple•Senior•D4

Pourquoi un tableau recree a chaque render relance-t-il un effet lorsqu'il apparait dans le tableau de dependances ?

Parce qu'a chaque render tu recrees un nouvel objet tableau. Meme si son contenu parait identique, sa reference change, donc React considere que la dependance a change.

Modele mental des effets•Les effets sans superstition