# Arquitectura Vue (Vue.js / Nuxt.js) > Patrones de diseño de componentes, estructura de carpetas, módulos de features, domain-driven design, organización de composables - 22 preguntas de entrevista - Senior - [Preguntas de entrevista: Vue.js / Nuxt.js](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista.md) ## 1. ¿Qué es una arquitectura feature-first en Vue/Nuxt? **Respuesta** Una arquitectura feature-first organiza el código por funcionalidades de negocio en lugar de por tipo técnico. Cada feature contiene sus componentes, composables, stores y types en una carpeta dedicada. Este enfoque mejora la mantenibilidad al agrupar todo lo relacionado con una funcionalidad en un solo lugar, facilita el trabajo en equipo ya que los desarrolladores pueden trabajar en features independientes, y hace que el código sea más modular al permitir activar/desactivar features con facilidad. ## 2. ¿Qué es el patrón Container/Presentational en Vue? **Respuesta** El patrón Container/Presentational separa los componentes en dos categorías: los containers que gestionan la lógica de negocio, las llamadas a la API y el estado, y los presentational que solo reciben props y emiten eventos. Esta separación mejora la reutilización de los componentes de UI, facilita las pruebas unitarias de los componentes presentational, y clarifica las responsabilidades al aislar la lógica en los containers. ## 3. ¿Cuál es la diferencia entre una arquitectura layer-first y feature-first? **Respuesta** La arquitectura layer-first organiza el código en capas técnicas (components, composables, stores, utils) donde todos los componentes están juntos, todos los composables juntos, etc. La arquitectura feature-first agrupa por funcionalidades de negocio donde cada feature contiene sus propios componentes, composables y stores. Layer-first es más simple para proyectos pequeños pero se vuelve difícil de mantener cuando el proyecto crece, ya que los archivos relacionados con una misma funcionalidad están dispersos. Feature-first escala mejor y facilita el trabajo en equipo. ## 19 preguntas más disponibles - ¿Qué son los renderless components en Vue? - ¿Cómo organizar los composables en una arquitectura feature-first? Regístrate gratis: https://sharpskill.dev/es/login ## Otros temas de entrevista Vue.js / Nuxt.js - [Fundamentos de JavaScript](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/javascript-fundamentals.md): 20 preguntas, Junior - [JavaScript moderno (ES6+)](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/es6-modern-javascript.md): 20 preguntas, Junior - [Fundamentos de Vue](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vue-basics.md): 22 preguntas, Junior - [Componentes Vue](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vue-components.md): 20 preguntas, Junior - [Vue Router](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vue-router.md): 18 preguntas, Junior - [Pinia State Management](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/pinia-state-management.md): 20 preguntas, Junior - [Vuex (Legacy)](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vuex-legacy.md): 15 preguntas, Mid-Level - [Composition API](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/composition-api.md): 24 preguntas, Mid-Level - [Reactividad de Vue](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vue-reactivity.md): 20 preguntas, Mid-Level - [Fundamentos de Nuxt](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/nuxt-fundamentals.md): 22 preguntas, Mid-Level - [Data Fetching en Nuxt](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/nuxt-data-fetching.md): 20 preguntas, Mid-Level - [SSR y SSG en Nuxt](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/nuxt-ssr-ssg.md): 22 preguntas, Mid-Level - [Rutas de servidor Nuxt](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/nuxt-server-routes.md): 20 preguntas, Mid-Level - [Módulos Nuxt](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/nuxt-modules.md): 18 preguntas, Mid-Level - [Composables de Vue](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vue-composables.md): 20 preguntas, Mid-Level - [Formularios y validación Vue](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vue-forms-validation.md): 20 preguntas, Mid-Level - [Gestión de estado en Nuxt](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/nuxt-state-management.md): 18 preguntas, Mid-Level - [Testing en Vue](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vue-testing.md): 20 preguntas, Mid-Level - [Despliegue de Nuxt y CI/CD](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/nuxt-deployment-cicd.md): 22 preguntas, Mid-Level - [Rendimiento de Vue](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vue-performance.md): 22 preguntas, Senior - [Patrones avanzados de Vue](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vue-advanced-patterns.md): 24 preguntas, Senior - [TypeScript con Vue](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/typescript-vue.md): 22 preguntas, Senior - [Autenticación Nuxt](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/nuxt-auth.md): 20 preguntas, Senior - [SEO con Nuxt](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/nuxt-seo.md): 20 preguntas, Senior - [Internacionalización en Nuxt](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/nuxt-i18n.md): 18 preguntas, Senior - [Seguridad en Nuxt](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/nuxt-security.md): 20 preguntas, Senior - [Ecosistema Vue](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vue-ecosystem.md): 18 preguntas, Senior - [Migración Vue 2→3 y Nuxt 2→3](https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/migration-vue2-vue3-nuxt2-nuxt3.md): 22 preguntas, Senior --- Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack. HTML version of this page: https://sharpskill.dev/es/technologies/vue-nuxt/preguntas-entrevista/vue-architecture