FrontendMid-Level60-90 min
Entrevista Frontend Mid-Level
Preparación para entrevistas de Frontend Developer con 2-4 años de experiencia. React/Vue avanzado, state management, testing y optimización.
17 preguntas3 secciones7 tips
Preguntas Técnicas 7 preguntas
Explica el ciclo de vida de un componente en React (o Vue). ¿Qué hooks usarías para un fetch de datos? Media
Hint: useEffect con dependency array vacío para mount. Cleanup en return. Menciona race conditions y AbortController.
¿Cómo implementarías lazy loading de rutas y componentes? Media
Hint: React.lazy + Suspense, dynamic imports, route-based code splitting. Impacto en bundle size y métricas web.
¿Qué es el Virtual DOM y cómo mejora el rendimiento? Media
Hint: Representación en memoria del DOM real. Diffing algorithm, reconciliation, batching de updates. Compara con Svelte que no usa VDOM.
Describe tu enfoque para manejar estado global en una aplicación Difícil
Hint: Context API vs Redux vs Zustand vs Jotai. Cuando usar cada uno. Server state (TanStack Query) vs client state.
¿Cómo optimizarías una aplicación React que tiene renders innecesarios? Difícil
Hint: React.memo, useMemo, useCallback, profiler. Keys estables. Evitar crear objetos/funciones inline en renders.
¿Qué son los Web Vitals y cómo los mejorías en un proyecto? Media
Hint: LCP, FID/INP, CLS. Lazy loading de imágenes, font-display swap, preconnect, code splitting, above the fold optimization.
Explica la diferencia entre SSR, SSG, ISR y CSR. ¿Cuándo usarías cada uno? Difícil
Hint: Server Side Rendering, Static Site Generation, Incremental Static Regeneration, Client Side Rendering. Next.js como ejemplo.
Preguntas de Comportamiento 5 preguntas
Describe un bug complejo que resolviste y como lo debuggeaste Media
Hint: Proceso sistemático: reproducir, aislar, diagnosticar, fix, test. Herramientas usadas.
¿Cómo manejas desacuerdos técnicos con compañeros de equipo? Media
Hint: Datos sobre opiniones, POCs, buscar consenso. Ejemplo concreto donde cediste o convenciste.
Cuéntame sobre una vez que tuviste que entregar algo con un deadline apretado Media
Hint: Priorización, comunicación, trade-offs conscientes, deuda técnica manejada.
¿Cómo ayudas a developers juniors en tu equipo? Fácil
Hint: Code reviews constructivos, pair programming, documentación, mentoría informal.
Describe una decisión técnica que tomaste y resultó ser incorrecta. ¿Qué aprendiste? Difícil
Hint: Honestidad, capacidad de pivotar, lección aprendida aplicada después.
Ejercicio Práctico 5 preguntas
Implementa un hook personalizado useDebounce para un campo de búsqueda Media
Hint: setTimeout + clearTimeout en useEffect. Dependency array con el valor y delay. Retorna el valor debounced.
Crea un componente de tabla con ordenamiento por columnas y paginación Difícil
Hint: Estado para sortColumn, sortDirection, currentPage. Funciones de sort y slice. Considerar performance con datasets grandes.
Implementa un sistema de autenticación básico con Context API y rutas protegidas Difícil
Hint: AuthContext con login/logout, token en localStorage, ProtectedRoute component, redirect a login.
Escribe tests unitarios para un componente de formulario con validación Media
Hint: Testing Library, render, fireEvent/userEvent, assertions sobre mensajes de error y submit.
Construye un componente de infinite scroll que cargue datos de una API Difícil
Hint: IntersectionObserver, loading states, concatenación de resultados, cleanup. Mencionar virtualización para listas muy largas.
Tips de preparación
- Prepara ejemplos concretos de tu experiencia laboral. Los números y métricas mejoran tus respuestas.
- Conoce a fondo al menos un framework (React, Vue o Angular) y su ecosistema.
- Practica system design básico: como estructurarías una app de e-commerce, un dashboard, etc.
- Ten claro tu proceso de debugging y puedes explicarlo paso a paso.
- Conoce herramientas de testing: Jest, Vitest, Testing Library, Cypress o Playwright.
- Investiga la empresa antes de la entrevista: stack, producto, cultura, retos técnicos.
- Practica coding en vivo con un timer. La presión del tiempo es real en entrevistas.
Recursos recomendados
Guías relacionadas
Encuentra tu próxima oportunidad
Explora vacantes de Frontend disponibles ahora.
Ver vacantes de Frontend