elements.forEach(element => { element.style.width = '300px'; console.log( element.getBoundingClientRect().width ); }); // [lien] export default () => { return <div>Bonjour!</div> }
Frontend
Y a-t-il eu des cas où quelque chose tombait en production ou lors des tests d'implémentations avec des connexions WebSocket?
Dans votre CV, il est indiqué que vous avez beaucoup travaillé avec des formulaires complexes et à plusieurs niveaux. Pouvez-vous en dire plus sur ce qui a été réalisé là-bas?
Parlez de votre expérience avec les tableaux (dessin, gestion de grands volumes de données).
Si l'on parle de techniques d'optimisation pures dans React, lesquelles connaissez-vous ? (useMemo, useCallback, React.memo)
Deuxième tâche : implémentez un composant de recherche utilisant un serveur standard via le paramètre query — créez un input pour saisir la requête, des états pour les résultats et la requête, récupérez les données avec fetch dans useEffect avec gestion des erreurs et états de chargement, et affichez une liste de résultats (champ name).
Pouvez-vous calculer la complexité algorithmique du filtrage par statut implémenté?
Vous avez testé mille connexions via WebSocket — comment avez-vous procédé, comment s'est déroulé le test de charge?
Avec quels gestionnaires d'état avez-vous travaillé ? Lesquels préférez-vous, quels sont leurs avantages et inconvénients ?
Avez-vous dû travailler avec les nouveaux hooks de React (18/19), comme useTransition, useDeferredValue?
Complexité : ajoutez un filtrage des résultats par le champ status via un champ de texte séparé, en tenant compte de l'insensibilité à la casse.
Avez-vous déjà travaillé avec l'autorisation ? Parlez-nous plus en détail de la mise en œuvre.
À quoi ressemblait le tableau que vous avez développé ? Qu'avez-vous dû réaliser vous-même ?
Si l'on réfléchit théoriquement : il existe de grandes tables avec beaucoup de données. Des problèmes de performance peuvent-ils survenir ? Si oui, comment les résoudriez-vous ?
Comment la mise à jour des tokens d'accès/rafraîchissement a-t-elle été réalisée lors de l'autorisation via JWT (intercepteurs, gestion du 401) ?
Comprenez-vous comment Zustand fonctionne en coulisses?
Avez-vous entendu parler du hook useLayoutEffect ? Expliquez comment il fonctionne.
Comment la validation croisée des champs du formulaire a-t-elle été mise en œuvre techniquement (validation d'un champ en fonction de la valeur d'un autre) ?