Question 1

¿Qué tipo primitivo de TypeScript representa un valor textual?

Accepted Answer

El tipo string representa todos los valores textuales en TypeScript, ya sea que estén delimitados por comillas simples, dobles o backticks para template literals. Es el tipo adecuado para almacenar texto, nombres, mensajes, URLs o cualquier contenido textual en las aplicaciones.

Question 2

¿Qué es un generic en TypeScript?

Accepted Answer

Un generic permite crear componentes reutilizables que funcionan con múltiples tipos en lugar de uno solo. Los generics usan parámetros de tipo (como T) para representar cualquier tipo. Esto permite escribir código type-safe sin sacrificar la flexibilidad, por ejemplo una función que manipula arrays de cualquier tipo preservando la información de tipo.

Question 3

¿Qué es un component en Angular?

Accepted Answer

Un component es un bloque de construcción fundamental de una aplicación Angular que controla una porción de la interfaz de usuario. Combina un template HTML, estilos CSS y una clase TypeScript con el decorador @Component. Esta arquitectura permite crear interfaces reutilizables y modulares, promoviendo la separación de responsabilidades entre la vista y la lógica de negocio.

Question 4

¿Qué es un lifecycle hook en Angular?

Accepted Answer

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.

Question 5

¿Qué es un FormControl en Angular?

Accepted Answer

FormControl es la clase fundamental de los reactive forms de Angular que representa un campo de formulario individual. Encapsula el valor del campo, su estado de validación y proporciona métodos para manejar las interacciones del usuario. Cada FormControl puede tener validators, reaccionar a los cambios mediante observables y mantener estados como touched, dirty o pristine. Es la unidad básica para construir reactive forms complejos con FormGroup o FormArray.

Question 6

¿Qué módulo de Angular importar para usar formularios template-driven?

Accepted Answer

FormsModule es necesario para habilitar formularios template-driven en Angular. Proporciona directivas como NgModel, NgForm y habilita el two-way data binding con [(ngModel)]. Sin este módulo, las directivas de formularios no funcionarán y Angular generará errores.

Question 7

¿Qué es un Observable en RxJS?

Accepted Answer

Un Observable es una colección lazy de múltiples valores a lo largo del tiempo. Representa un flujo de datos que puede emitir cero, uno o varios valores de forma síncrona o asíncrona. A diferencia de las Promises que emiten un único valor, los Observables pueden emitir múltiples valores y soportan la cancelación mediante unsubscribe.

Question 8

¿Qué es NgRx Store en una aplicación Angular?

Accepted Answer

NgRx Store es una implementación del patrón Redux para Angular, basada en RxJS. Proporciona un contenedor centralizado para gestionar el estado global de la aplicación de manera predecible e inmutable. El Store expone un Observable que permite a los componentes suscribirse a los cambios de estado mediante selectors.

Question 9

¿Cuál es el rol principal de createEntityAdapter en NgRx?

Accepted Answer

El Entity Adapter genera automáticamente reducers y selectors para gestionar colecciones normalizadas de entidades. Proporciona métodos como addOne, addMany, updateOne, removeOne que facilitan la manipulación de objetos indexados por ID. Esto evita escribir manualmente la lógica de gestión de colecciones y garantiza un estado normalizado para un mejor rendimiento.

Question 10

¿Cuál es la principal diferencia entre un smart component y un presentational component?

Accepted Answer

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.

Preguntas de entrevista de Angular

¿Listo para tu entrevista de Angular?

Explora todos los temas de 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

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