Retour a la bibliotheque learn
6 questions dans la collection

Starter de defense de reponse React

Une collection mixte pour les profils qui veulent aller au-dela du choix multiple et apprendre a defendre une decision a l'ecrit ou a partir d'un snippet.

Utilise cette collection pour passer de la simple reconnaissance a la vraie explication technique.
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

Apercu de la collection

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

Reponse ouverteIntermédiaireD3
Quand introduis-tu React context pour reduire le prop drilling, et pourquoi faut-il quand meme eviter d'y mettre tout le state par defaut ?

On introduit context quand une valeur est utile a beaucoup de descendants eloignes dans l'arbre. Il ne faut pas tout y mettre, car context ne remplace pas une bonne notion de possession et peut declencher des rerenders plus larges.

Rendu et identiteSystemes de rendu React
Reponse ouverteIntermédiaireD3
Un equipier veut recopier une prop filtree dans un state local pour que le composant reste synchronise. Quand est-ce que tu t'opposes a ce derived state, et que proposes-tu a la place ?

Si le composant peut recalculer la valeur a partir des props ou d'un state existant, il ne faut pas la dupliquer dans un state local. Il faut stocker uniquement la vraie source de verite.

Defense de reponse et sketchs de codeLaboratoire de defense de reponse
Sketch de codeIntermédiaireD4
Ecris un petit snippet React qui donne a un composant enfant une callback stable sans masquer les vraies dependances. Reste explicite plutot que malin.

Il faut utiliser une callback stable quand la stabilite de reference a un interet, mais en gardant les vraies dependances visibles au lieu de les supprimer pour faire taire les rerenders.

Defense de reponse et sketchs de codeLaboratoire de defense de reponse
Bug huntIntermédiaireD4
Selectionne les lignes qui permettent a une ancienne reponse fetch d'ecraser l'UI la plus recente, puis explique le bug et le correctif simplement.

Le bug est une race condition: l'ancienne requete peut finir apres la nouvelle et quand meme appeler setUser. Il faut une logique de cleanup ou d'annulation pour empecher une reponse obsolete de mettre a jour le state.

Modele mental des effetsLes effets sans superstition