Arquitectura Angular
Smart vs presentational components, feature modules, core modules, shared modules, monorepo con Nx, estructura de carpetas
1¿Cuál es la principal diferencia entre un smart component y un presentational component?
¿Cuál es la principal diferencia entre un smart component y un presentational component?
Respuesta
Los smart components (o container components) gestionan la lógica de negocio, las llamadas API y el estado de la aplicación a través de servicios o state management. Los presentational components se enfocan únicamente en la visualización y reciben sus datos vía @Input, emitiendo eventos vía @Output. Esta separación mejora la testabilidad y la reutilización de los componentes.
2¿Cuál es la principal ventaja de usar presentational components?
¿Cuál es la principal ventaja de usar presentational components?
Respuesta
Los presentational components son altamente reutilizables porque no dependen de servicios ni de lógica de negocio específica. Reciben todos sus datos vía @Input y se comunican vía @Output, lo que los hace fácilmente testeables con datos mockeados y reutilizables en distintos contextos. Este enfoque también favorece el uso de la estrategia OnPush para optimizar el rendimiento.
3¿Qué es un feature module en Angular?
¿Qué es un feature module en Angular?
Respuesta
Un feature module es un módulo Angular que encapsula una funcionalidad de negocio específica de la aplicación (ejemplo: gestión de usuarios, carrito de compras). Contiene todos los componentes, servicios, directivas y pipes necesarios para esa funcionalidad. Los feature modules pueden cargarse con lazy loading para mejorar el rendimiento y favorecen una arquitectura modular escalable.
¿Cuál es el rol de un Core Module en una arquitectura Angular?
¿Por qué importar el Core Module una sola vez en AppModule?
+19 preguntas de entrevista
Otros temas de entrevista Angular
Conceptos básicos de TypeScript
TypeScript Avanzado
Fundamentos de Angular
Componentes y ciclo de vida
Services & Dependency Injection
Organización de Módulos Angular
Angular CLI
Directivas y Pipes
Routing y Navegación
Formularios reactivos
Formularios template-driven
Fundamentos de RxJS
Operadores RxJS
HttpClient y llamadas API
Gestión de estado básica
Change Detection
Angular Signals
Standalone Components
Pruebas unitarias en Angular
Testing End-to-End
Build y optimización
Fundamentos de NgRx
NgRx avanzado
Optimización de rendimiento
Seguridad y buenas prácticas
Patrones avanzados de RxJS
Angular Universal y SSR
Micro-frontends Angular
Domina Angular para tu próxima entrevista
Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.
Empieza gratis