Componentes y ciclo de vida
Component lifecycle hooks, ngOnInit, ngOnChanges, ngOnDestroy, ngAfterViewInit, component communication, @Input, @Output
1¿Qué es un lifecycle hook en Angular?
¿Qué es un lifecycle hook en Angular?
Respuesta
Un lifecycle hook es un método especial llamado automáticamente por Angular en momentos clave del ciclo de vida de un component o directiva. Estos hooks permiten ejecutar código en etapas específicas como la creación, actualización o destrucción. Los hooks más comunes son ngOnInit, ngOnChanges y ngOnDestroy.
2¿Cuándo se llama a ngOnInit?
¿Cuándo se llama a ngOnInit?
Respuesta
ngOnInit se llama una sola vez después del primer ngOnChanges, una vez que todas las propiedades @Input han sido inicializadas. Es el hook ideal para inicializar datos del component, iniciar subscriptions o llamar servicios. Es preferible al constructor para la lógica de inicialización porque todos los bindings están garantizados disponibles.
3¿Cuál es la diferencia principal entre ngOnChanges y ngOnInit?
¿Cuál es la diferencia principal entre ngOnChanges y ngOnInit?
Respuesta
ngOnChanges se llama cada vez que una propiedad @Input cambia de valor y recibe un objeto SimpleChanges con los valores antiguos y nuevos. ngOnInit se llama solo una vez después de la primera inicialización. Usar ngOnChanges para reaccionar a cambios de inputs e implementar lógica dependiente de valores @Input. Preferir ngOnInit para inicialización única como llamadas API o configuración inicial.
¿Por qué usar ngOnDestroy en un component?
¿En qué orden se llaman los lifecycle hooks al crear un component?
+17 preguntas de entrevista
Otros temas de entrevista Angular
Conceptos básicos de TypeScript
TypeScript Avanzado
Fundamentos de Angular
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
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