Pregunta de entrevista para Desarrollador React

Tu bundle de producción creció cuatrocientos kilobytes tras integrar una funcionalidad. ¿Cómo lo gestionas?

Qué evalúa el entrevistador, cómo estructurar tu respuesta y un ejemplo hablado que puedes adaptar.

Respuesta rápida

Compara el bundle en lugar de adivinar. Ejecuta un analizador de bundles sobre el commit anterior y el actual, y busca una dependencia nueva, una versión duplicada de otra ya existente, o un import de barril que arrastra una librería entera. Arréglalo con una dependencia más ligera, imports profundos o un import dinámico si el código no hace falta en la primera pintura. Después añade un presupuesto de tamaño en CI para que no vuelva a pasar en silencio.

Por qué lo preguntan los entrevistadores

El entrevistador quiere un proceso de depuración, no una lista de trucos de optimización. Comprueba que sabes atribuir el tamaño a un módulo concreto, que puedes nombrar las causas habituales como versiones transitivas duplicadas y archivos de barril con efectos secundarios y, sobre todo, que cierras el círculo con automatización. Terminar en un presupuesto en CI es lo que separa un arreglo de un hábito.

Cómo estructurar tu respuesta

  • Mide y compara las dos compilaciones antes de proponer nada.
  • Nombra las causas probables por orden y cómo confirmas cada una.
  • Da el arreglo que corresponde a la causa, no uno genérico.
  • Añade un presupuesto de tamaño en CI para cazar regresiones en la revisión.

Ejemplo de respuesta

Ejemplo hablado, en primera persona

Primero consigo los datos. Compilo el commit anterior y el actual y paso un analizador sobre ambos, así puedo señalar el módulo exacto que creció en vez de discutirlo. Normalmente es una de tres cosas. Alguien añadió una dependencia pesada para una sola función, siendo una librería de fechas o de utilidades el caso clásico. O ahora enviamos dos versiones del mismo paquete porque una dependencia transitiva fijó otra, cosa que el analizador muestra como chunks duplicados. O un archivo índice reexporta todo y el tree shaking se rindió porque el paquete no está marcado como libre de efectos secundarios. El arreglo sigue a la causa: cambiar a una dependencia más ligera o al equivalente de la plataforma, unificar la versión, o importar la ruta concreta del módulo. Si el código hace falta de verdad pero no en la primera pintura, como un editor de texto enriquecido o una librería de gráficos, pasa a ser un import dinámico detrás de la interacción que lo necesita. Después añado a CI un presupuesto de tamaño que tumbe el pull request ante un salto así, porque si no vuelve a pasar el trimestre siguiente.

¿Tienes esta entrevista a la vuelta de la esquina? GhostPilot escucha tu llamada en vivo, detecta la pregunta en cuanto la hacen y pone una respuesta estructurada en tu pantalla en tiempo real. Pruébalo en tu próxima entrevista de práctica, o coge un Session Pass de $29, sin suscripción, para la de verdad.

Mira cómo funciona

Preguntas de seguimiento que puedes esperar

  • ¿Cómo averiguarías qué dependencia arrastró la versión duplicada?
  • ¿Dónde pondrías el umbral del presupuesto de tamaño y para qué puntos de entrada?
  • ¿Cómo interactúa la división de código con tu estrategia de caché?

Más preguntas para Desarrollador React

Tu entrevistador hará su propia versión de esta. Pega la descripción real del puesto en el Question Predictor gratuito y obtén las 20 preguntas que ese puesto tiene más probabilidades de hacerte, con lo que cada una busca en realidad.

Predecir mis preguntas

Ensaya las preguntas difíciles antes de que te las hagan

Practica con un copiloto en vivo y entra preparado. Un Session Pass de $29 te lleva a través de la entrevista sin suscripción y sin ataduras.

Consigue GhostPilot