Preparación por nivel
Intermedio en Vue
Bloque intermedio de Vue: diseño práctico, depuración y capacidad de llevar una funcionalidad a producción.
¿Cuándo un composable reutilizable mejora el diseño y cuándo solo se convierte en una bolsa de efectos secundarios?¿Cómo explicarías la reactividad de Vue a alguien que mezcla `ref`, `reactive`, `computed` y `watch` sin criterio?¿Cómo evitarías perder reactividad al destructurar props, stores o resultados de composables?¿Cuándo usarías `nextTick`, template refs y hooks de ciclo de vida para coordinarte con el DOM?¿Qué criterio usarías para mover lógica de un componente a Pinia o dejarla local?¿Cuándo usarías guards de Vue Router, middleware de Nuxt o fetching en la pantalla para preparar una ruta?¿Qué revisarías al implementar i18n y carga diferida de traducciones en Vue/Nuxt?¿Qué optimizaciones aplicarías primero en una pantalla Vue con renders caros y cómo medirías el impacto?¿Cómo decidirías entre `v-if`, `v-show`, componentes dinámicos, `keep-alive` y `Suspense` en un caso real?¿Qué problemas producen keys inestables, props mutadas y referencias nuevas en cada render?¿Qué estrategia de testing usarías para componentes, composables, stores y rutas?¿Qué conviene testear explícitamente en Vue y qué preferirías no fijar para no romper tests por detalles de implementación?¿Cómo mockearías red, router, Pinia y composables sin perder confianza en el comportamiento?¿Cómo detectarías que una suite Vue es lenta o poco mantenible y qué harías para recuperarla?¿Cómo protege Vue frente a XSS y en qué casos esa protección deja de bastar?¿Qué revisión harías antes de aceptar `v-html`, contenido enriquecido o integraciones que inyectan HTML?El backend es lento y no puedes cambiarlo esta sprint: ¿cómo mejorarías la UX desde Vue/Nuxt?