Frontend

Comment testeriez-vous un formulaire avec des champs dynamiques et des erreurs du serveur ? Quelles technologies utiliseriez-vous ?

La réponse de l'API peut contenir une erreur qui doit être affichée à l'utilisateur à côté du champ correspondant.

Que peut-on faire avec les images pour optimiser la performance de la page?

Il y a un filtre avec des onglets. Lors du changement rapide d'onglets, il arrive que d'anciennes valeurs s'affichent, ne correspondant pas à l'onglet actuel. Quelle en est la cause et comment y remédier?

Était-ce un service B2B ou B2C ? Y avait-il des métriques pour suivre les erreurs et l'expérience utilisateur ?

Regardez ce code avec SSR et la classe singleton i18n. Trouvez un problème sérieux qui pourrait gâcher le HTML renvoyé à l'utilisateur. Comment le corrigeriez-vous?

Il faut concevoir un panneau de signalisation dans un seul div, y compris une petite marque rouge à droite.

Nous ne pouvons pas étiqueter ni versionner via CI/CD. Le client peut avoir une version, et le backend une autre. Que peut-on faire dans ces conditions en plus de surveiller les erreurs avec Sentry?

Imaginez une page avec de nombreuses cartes et un chargement paresseux (comme sur Stripchat). Quels cas limites voyez-vous, quels problèmes pourraient survenir, que pourriez-vous optimiser ? Comment fonctionne la virtualisation (React Window) ?

Pourquoi les utilisateurs ne parviennent-ils pas à accéder au Store et comment charger des utilisateurs dans le Store?

Nous avons un grand projet dans un monorepo avec un flux de déploiement unique. Nous avons décidé de le diviser et de mettre le frontend dans des dépôts séparés avec leur propre cycle de déploiement. Cela pose un problème de désynchronisation des versions entre le backend et le client. Comment envisageriez-vous la solution à ce problème ? Comment organiser le travail pour être le plus protégé possible contre les défaillances en production ?

Qu'est-ce qui peut bloquer le rendu initial dans le navigateur après réception du HTML ? Que peut-on faire avec le chargement synchrone de JS et CSS ?

Où était stocké le cache normalisé ? Était-il réactif d'une certaine manière ?

Quels réducteurs possède Store et y a-t-il un réducteur pour y mettre des utilisateurs?

Regarde la fonction dans l'éditeur : elle prend un tableau de clés et un objet, et via reduce copie uniquement l'objet avec les clés spécifiées. Comment nommerais-tu cette fonction?

Avez-vous indiqué quelles requêtes renvoyaient des entités ou comment cela fonctionnait lorsque vous étiez près de la requête?

Nous voyons que SSR ne renvoie rien en 2 secondes. Quelles sont les options pour améliorer cela?

Lors de la navigation depuis la page de la liste des utilisateurs vers la page d'un utilisateur spécifique, il y a un chargement long (le chargeur reste pendant 2 secondes en raison d'un délai artificiel). Comment peut-on améliorer cette situation?

Comment résoudre le problème des requêtes de données redondantes côté client, lorsque les données ont déjà été chargées sur le serveur via SSR?

Comment optimiser le chargement des images dans les cartes visibles dans le viewport ? Comment résoudre le problème de condition de course lors du changement rapide de contenu (par exemple, YouTube Shorts) ?