Gestión de estado en Nuxt
useState, Pinia con Nuxt, hidratación de estado en SSR, estado persistente, patrones de estado global
1¿Cuál es el rol principal del composable useState en Nuxt?
¿Cuál es el rol principal del composable useState en Nuxt?
Respuesta
El composable useState crea un estado reactivo compartido compatible con SSR. Garantiza que el estado creado en el servidor se hidrate correctamente en el cliente, evitando los mismatches de hidratación entre el renderizado del servidor y del cliente. Cada componente que usa la misma clave accede al mismo estado compartido.
2¿Por qué proporcionar una clave única al usar useState?
¿Por qué proporcionar una clave única al usar useState?
Respuesta
La clave permite compartir el estado entre varios componentes y garantiza la consistencia en SSR. Todos los componentes que usan la misma clave acceden al mismo estado reactivo. Sin clave o con claves idénticas, los estados se mezclan y provocan errores difíciles de depurar.
3¿Cómo inicializar correctamente un estado con useState?
¿Cómo inicializar correctamente un estado con useState?
Respuesta
useState acepta una clave y una función de inicialización que devuelve el valor por defecto. La función se ejecuta solo una vez en el servidor, y luego el estado se hidrata en el cliente. Nunca pongas un valor directamente (useState('key', 0)), ya que no funciona correctamente con SSR.
¿Qué es la hidratación SSR en el contexto de la gestión de estado en Nuxt?
¿Cuál es la diferencia entre useState y ref/reactive?
+15 preguntas de entrevista
Otros temas de entrevista Vue.js / Nuxt.js
Fundamentos de JavaScript
JavaScript moderno (ES6+)
Fundamentos de Vue
Componentes Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reactividad de Vue
Fundamentos de Nuxt
Data Fetching en Nuxt
SSR y SSG en Nuxt
Rutas de servidor Nuxt
Módulos Nuxt
Composables de Vue
Formularios y validación Vue
Testing en Vue
Despliegue de Nuxt y CI/CD
Rendimiento de Vue
Patrones avanzados de Vue
TypeScript con Vue
Autenticación Nuxt
SEO con Nuxt
Internacionalización en Nuxt
Arquitectura Vue
Seguridad en Nuxt
Ecosistema Vue
Migración Vue 2→3 y Nuxt 2→3
Domina Vue.js / Nuxt.js para tu próxima entrevista
Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.
Empieza gratis