Question d'entretien pour Développeur React

Votre bundle de production a pris quatre cents kilooctets après la fusion d'une fonctionnalité. Comment gérez-vous ça ?

Ce que le recruteur cherche à évaluer, comment structurer votre réponse et un exemple parlé à adapter.

Réponse rapide

Comparez les bundles au lieu de deviner. Lancez un analyseur de bundle sur le commit d'avant et sur celui d'après, et cherchez une nouvelle dépendance, une version dupliquée d'une dépendance existante, ou un import barrel qui tire toute une bibliothèque. Corrigez avec une dépendance plus légère, des imports profonds, ou un import dynamique si le code n'est pas nécessaire au premier affichage. Ajoutez ensuite un budget de taille en CI pour que ça ne puisse plus arriver en silence.

Pourquoi les recruteurs posent cette question

Le recruteur veut un processus de débogage, pas une liste de conseils d'optimisation. Il vérifie que vous savez attribuer du poids à un module précis, que vous savez nommer les causes courantes comme les versions transitives dupliquées et les fichiers barrel à effets de bord, et surtout que vous bouclez la boucle avec de l'automatisation. Finir sur un budget en CI est ce qui distingue un correctif d'une habitude.

Comment structurer votre réponse

  • Mesurez et comparez les deux builds avant de proposer quoi que ce soit.
  • Nommez les causes probables dans l'ordre et comment vous confirmez chacune.
  • Donnez le correctif qui correspond à la cause, pas un correctif générique.
  • Ajoutez un budget de taille en CI pour que les régressions soient attrapées à la revue.

Exemple de réponse

Exemple parlé, à la première personne

D'abord je récupère les faits. Je construis le commit précédent et le courant et je passe un analyseur sur les deux, comme ça je peux pointer le module exact qui a grossi au lieu d'en débattre. En général c'est l'une de trois choses. Quelqu'un a ajouté une grosse dépendance pour une seule fonction, une bibliothèque de dates ou d'utilitaires étant le classique. Ou on livre maintenant deux versions du même paquet parce qu'une dépendance transitive en a épinglé une autre, ce que l'analyseur montre sous forme de morceaux dupliqués. Ou un fichier index réexporte tout et le tree shaking a abandonné parce que le paquet n'est pas marqué sans effets de bord. Le correctif suit la cause : remplacer par une dépendance plus légère ou l'équivalent de la plateforme, dédupliquer la version, ou importer le chemin de module précis. Si le code est vraiment nécessaire mais pas au premier affichage, comme un éditeur de texte riche ou une bibliothèque de graphiques, il devient un import dynamique derrière l'interaction qui en a besoin. Ensuite j'ajoute en CI un budget de taille qui fait échouer la pull request sur un saut pareil, parce que sinon ça se reproduit au trimestre suivant.

Vous passez cet entretien bientôt ? GhostPilot écoute votre appel en direct, repère la question dès qu'elle est posée et affiche une réponse structurée à l'écran en temps réel. Essayez-le lors de votre prochain entretien blanc, ou prenez un Session Pass à $29, sans abonnement, pour le jour J.

Voir comment ça marche

Questions de relance à prévoir

  • Comment trouveriez-vous quelle dépendance a tiré la version dupliquée ?
  • Où fixeriez-vous le seuil du budget de taille et pour quels points d'entrée ?
  • Comment le découpage de code interagit-il avec votre stratégie de cache ?

Autres questions pour Développeur React

Votre recruteur posera sa propre version de celle-ci. Collez votre véritable fiche de poste dans le Question Predictor gratuit et obtenez les 20 questions que ce poste a le plus de chances de poser, avec ce que chacune cherche vraiment à sonder.

Prédire mes questions

Répétez les questions difficiles avant qu'on vous les pose

Entraînez-vous avec un copilote en direct, puis présentez-vous prêt. Un Session Pass à $29 vous accompagne pendant l'entretien, sans abonnement et sans engagement.

Obtenir GhostPilot