Frontend

Quelle est la différence entre les composants contrôlés et non contrôlés dans React ? Dans quels cas est-il préférable d'utiliser des composants non contrôlés ?

Déterminez l'ordre d'affichage dans la console pour le code utilisant async/await et setTimeout.

Le développeur reçoit un jeton JWT après la connexion. Que doit-il en faire ? Où est-il préférable de stocker le jeton : dans localStorage ou dans un cookie ? Comment stocker le jeton dans un cookie ?

Est-ce que le composant sera rerendu s'il n'a pas de props?

Supposons que vous ne recevez pas d'ID du backend. Comment géreriez-vous cela?

Comment sécuriser la fonction de calcul de la somme si le backend peut envoyer des données incorrectes (undefined, chaînes au lieu de nombres) ?

Il y a un tableau d'utilisateurs qui s'affiche via map. Où est l'erreur et qu'est-ce qui manque ici?

Pourquoi un gestionnaire d'état (par exemple, Redux) est-il meilleur que simplement diviser en parties des contextes?

Il y a deux composants : App et Child. Child est à l'intérieur de App et enveloppé dans memo. Dans App, il y a un objet user qui est passé à Child en tant que prop, et un bouton qui change count. Que se passera-t-il lorsque vous cliquerez sur le bouton ? Comment faire pour que Child ne se rerende pas ?

Déterminez l'ordre d'affichage dans la console pour le code utilisant setTimeout et Promise (exercice sur l'Event Loop).

Tout est correctement configuré : le backend a défini un cookie HTTP-only. Mais lors de la mise à jour de la page, le cookie disparaît. Quel pourrait être le problème ?

Pourquoi RTK Query ou React Query sont-ils meilleurs que la simple utilisation de fetch pour les requêtes ? Comment le frontend sait-il quand il doit mettre à jour les données ?

Problème Two Sum : étant donné un tableau de nombres et un nombre cible target. Trouvez les indices de deux nombres dont la somme est égale à target. Quelle est la complexité de votre solution ?

Les données tabulaires provenant du backend sont sous forme de tableau d'objets. Écrivez une fonction pour calculer la somme du champ amount.

Quels problèmes un développeur débutant rencontrera-t-il en créant un grand useContext pour toute l'application et en l'utilisant dans tous les composants ? Quelles outils peuvent aider à contourner ce problème ?

Comment gérer une fonction transmise en tant que prop à un composant enfant pour éviter des rerenders inutiles?

À quoi sert en fait la clé (key) dans les listes en React?