Retour a la bibliotheque learn
5 questions dans la collection

Starter patterns de code React

Une collection React pratique sur les updates immutables, les tabs, les APIs de custom hooks et le raisonnement performance qui reviennent souvent en coding round.

Concue pour les apprenants qui ont besoin de meilleures reponses de sketch de composant, pas seulement de definitions conceptuelles.
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.

Choix simpleJuniorD1
Dans un input React controle, qui est la source de verite pour la valeur affichee ?

La valeur affichee appartient au state React, et l'input DOM ne fait que refleter ce state a chaque render.

Mises a jour de state et formulairesPremiers pas React coeur
Bug huntIntermédiaireD3
Lis le snippet et explique pourquoi muter un item dans le tableau de state existant est un pattern React risqué, meme si on appelle ensuite setItems.

Muter un item dans le tableau de state courant modifie l'etat existant sur place. Le pattern plus sur consiste a retourner un nouveau tableau et un nouvel objet pour l'item togglé.

Code UI React avec statePatterns de code UI React
Reponse ouverteIntermédiaireD2
Si l'on te demande de esquisser un composant Tabs en entretien React, quel state doit en general exister et ou doit-il vivre ?

La plupart des UIs d'onglets n'ont besoin que d'un seul id d'onglet actif. Ce state doit en general vivre dans le composant parent des tabs pour que les triggers et les panels restent synchronises depuis une seule source de verite.

Code UI React avec statePatterns de code UI React
Sketch de codeIntermédiaireD3
Si tu esquisses un custom hook React en entretien, qu'est-ce qui rend l'API retournee propre et utile plutot que vague ?

Un bon sketch d'entretien retourne le state utile minimal et les fonctions d'action qui le manipulent, avec des noms qui revelent le comportement au lieu d'exposer des details internes bruts.

Code UI React avec statePatterns de code UI React