Standalone Components
Standalone components, imports, providers, bootstrapping, migración desde NgModules, nueva estructura de aplicación
1¿Qué es un standalone component en Angular?
¿Qué es un standalone component en Angular?
Respuesta
Un standalone component es un componente Angular que define standalone: true en su decorador @Component. Esto permite al componente gestionar sus propios imports y providers sin necesitar un NgModule. Los standalone components simplifican la arquitectura al eliminar la necesidad de módulos intermedios para organizar las dependencias.
2¿Cómo declarar un standalone component?
¿Cómo declarar un standalone component?
Respuesta
Para crear un standalone component, simplemente agrega la propiedad standalone: true en el decorador @Component. Esta simple declaración hace que el componente sea independiente de cualquier NgModule y permite gestionar imports y providers directamente en los metadatos del componente, eliminando la necesidad de declaración externa en un módulo.
3¿Cómo importar otro componente en un standalone component?
¿Cómo importar otro componente en un standalone component?
Respuesta
En un standalone component, las dependencias (componentes, directivas, pipes) se agregan directamente en el array imports del decorador @Component. Cada componente puede importar otros standalone components, directivas, pipes o incluso NgModules clásicos. Esto elimina la necesidad de NgModules intermedios para gestionar dependencias entre componentes y simplifica la arquitectura.
¿Qué función usar para bootstrapear una aplicación con un standalone component?
¿Cómo configurar providers globales con bootstrapApplication?
+15 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
Pruebas unitarias en Angular
Testing End-to-End
Build y optimización
Fundamentos de NgRx
NgRx avanzado
Arquitectura Angular
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