# Componentes y ciclo de vida (Angular)

> Component lifecycle hooks, ngOnInit, ngOnChanges, ngOnDestroy, ngAfterViewInit, component communication, @Input, @Output

- 20 preguntas de entrevista
- Junior
- [Preguntas de entrevista: Angular](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista.md)

## 1. ¿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?

**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?

**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.

## 17 preguntas más disponibles

- ¿Por qué usar ngOnDestroy en un component?
- ¿En qué orden se llaman los lifecycle hooks al crear un component?

Regístrate gratis: https://sharpskill.dev/es/login

## Otros temas de entrevista Angular

- [Conceptos básicos de TypeScript](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/typescript-basics.md): 25 preguntas, Junior
- [TypeScript Avanzado](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/typescript-advanced.md): 20 preguntas, Junior
- [Fundamentos de Angular](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/angular-fundamentals.md): 20 preguntas, Junior
- [Services & Dependency Injection](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/services-dependency-injection.md): 20 preguntas, Junior
- [Organización de Módulos Angular](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/modules-organization.md): 22 preguntas, Mid-Level
- [Angular CLI](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/angular-cli.md): 18 preguntas, Junior
- [Directivas y Pipes](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/directives-pipes.md): 22 preguntas, Mid-Level
- [Routing y Navegación](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/routing-navigation.md): 24 preguntas, Mid-Level
- [Formularios reactivos](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/forms-reactive.md): 26 preguntas, Mid-Level
- [Formularios template-driven](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/forms-template-driven.md): 16 preguntas, Mid-Level
- [Fundamentos de RxJS](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/rxjs-fundamentals.md): 22 preguntas, Mid-Level
- [Operadores RxJS](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/rxjs-operators.md): 24 preguntas, Mid-Level
- [HttpClient y llamadas API](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/http-client.md): 22 preguntas, Mid-Level
- [Gestión de estado básica](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/state-management-basics.md): 20 preguntas, Mid-Level
- [Change Detection](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/change-detection.md): 20 preguntas, Mid-Level
- [Angular Signals](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/angular-signals.md): 20 preguntas, Mid-Level
- [Standalone Components](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/standalone-components.md): 18 preguntas, Mid-Level
- [Pruebas unitarias en Angular](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/testing-unit.md): 22 preguntas, Mid-Level
- [Testing End-to-End](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/testing-e2e.md): 18 preguntas, Mid-Level
- [Build y optimización](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/build-optimization.md): 20 preguntas, Mid-Level
- [Fundamentos de NgRx](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/ngrx-fundamentals.md): 24 preguntas, Senior
- [NgRx avanzado](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/ngrx-advanced.md): 24 preguntas, Senior
- [Arquitectura Angular](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/angular-architecture.md): 22 preguntas, Senior
- [Optimización de rendimiento](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/performance-optimization.md): 22 preguntas, Senior
- [Seguridad y buenas prácticas](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/security-best-practices.md): 20 preguntas, Senior
- [Patrones avanzados de RxJS](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/advanced-rxjs-patterns.md): 22 preguntas, Senior
- [Angular Universal y SSR](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/angular-universal-ssr.md): 20 preguntas, Senior
- [Micro-frontends Angular](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/micro-frontends-angular.md): 20 preguntas, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/components-lifecycle