Evaluación: Angular Completo

1

¿Cuál es la diferencia principal entre switchMap y mergeMap?

switchMap ejecuta los Observables en paralelo; mergeMap los ejecuta secuencialmente switchMap cancela el Observable anterior al llegar uno nuevo; mergeMap los mantiene todos activos No hay diferencia práctica entre los dos operadores mergeMap es para HTTP GET y switchMap es para HTTP POST

2

¿Qué sucede cuando Angular detecta que un @Input cambió en un componente con ChangeDetectionStrategy.OnPush?

Angular ignora el cambio porque OnPush deshabilita la detección de cambios Angular ejecuta el ciclo de detección de cambios para ese componente y sus hijos si la referencia cambió Angular ejecuta la detección completa del árbol como si fuera Default Angular lanza un error porque OnPush no soporta @Input dinámicos

3

¿Cuál es el propósito de trackBy (o track en @for) en listas de Angular?

Ordenar los elementos de la lista automáticamente Filtrar duplicados en la lista Identificar cada elemento para que Angular solo actualice los que cambiaron, evitando recrear el DOM completo Paginar la lista en grupos de elementos

4

¿Qué es un BehaviorSubject en RxJS y en qué se diferencia de un Subject normal?

BehaviorSubject puede tener múltiples suscriptores; Subject solo uno BehaviorSubject guarda el último valor y lo emite a nuevos suscriptores inmediatamente; Subject no BehaviorSubject es asíncrono; Subject es síncrono No hay diferencia práctica entre Subject y BehaviorSubject

5

¿Cuál es la diferencia entre un formulario Template-Driven y un Reactive Form en Angular?

Template-Driven usa TypeScript; Reactive Form usa HTML Reactive Form define la lógica en la clase TypeScript con FormGroup/FormControl; Template-Driven usa ngModel en el HTML Solo los Reactive Forms soportan validación; Template-Driven no valida Template-Driven es más performante que Reactive Form

6

¿Qué hace el decorador @Injectable con providedIn: "root"?

Crea una nueva instancia del servicio en cada componente que lo inyecta Registra el servicio como singleton en el Root Injector, disponible en toda la app Hace que el servicio solo esté disponible en el módulo raíz AppModule Importa automáticamente el servicio en todos los componentes

7

¿Cuál de estos operadores usarías para prevenir que un botón de "Guardar" sea llamado múltiples veces mientras la primera petición HTTP sigue en curso?

switchMap — cancela la petición anterior y envía la nueva mergeMap — envía todas las peticiones en paralelo exhaustMap — ignora los clicks mientras la petición actual sigue en curso concatMap — guarda todos los clicks y los envía uno a uno en orden

8

¿Qué son los Signals en Angular y cuál es su ventaja principal sobre Observables para estado de componente?

Son variables globales que reemplazan Redux/NgRx completamente Son primitivos reactivos síncronos que actualizan el template automáticamente sin necesidad de subscribe/unsubscribe Son una forma de escribir Promises de manera más corta Son equivalentes a los observables pero solo funcionan en componentes standalone

9

¿Cuál es el rol de los Effects en NgRx?

Modificar directamente el estado del Store sin pasar por un Reducer Manejar efectos secundarios como llamadas HTTP, escuchando Actions y despachando nuevas Actions con el resultado Reemplazar a los Reducers cuando la lógica es muy compleja Registrar automáticamente las acciones del usuario para analytics

10

¿Cómo protege Angular automáticamente contra ataques XSS?

Angular no protege contra XSS; eso es responsabilidad del backend Angular requiere que el desarrollador llame manualmente a sanitize() en cada binding Angular sanitiza automáticamente las interpolaciones y bindings, eliminando scripts del HTML dinámico Angular bloquea cualquier HTML dinámico; [innerHTML] no funciona en producción

11

¿Qué hace @defer (on viewport) en Angular 17+?

Oculta visualmente el contenido hasta que el usuario hace scroll Carga el componente de forma lazy solo cuando entra en el viewport, reduciendo el bundle inicial Aplica animaciones de entrada al hacer scroll Es equivalente a CSS position: sticky

12

¿Para qué sirve el HttpInterceptor en Angular?

Bloquear peticiones HTTP a dominios externos por seguridad Interceptar y transformar requests/responses HTTP de forma centralizada (ej: añadir JWT, manejar errores globales) Cachear automáticamente todas las respuestas GET Convertir automáticamente el JSON de la respuesta al tipo TypeScript correspondiente

13

¿Cuál es la diferencia entre un canActivate Guard y un Resolve Guard?

canActivate es para rutas lazy; resolve es para rutas normales canActivate controla el acceso a la ruta; resolve precarga datos antes de activar el componente Son sinónimos; se puede usar cualquiera de los dos indistintamente resolve reemplaza a canActivate cuando hay lógica asíncrona

14

¿Cuándo se justifica usar NgRx en lugar de Signals para gestión de estado?

Siempre; NgRx es la única solución correcta para cualquier estado en Angular Cuando el estado es compartido entre muchos componentes no relacionados, se necesita DevTools o efectos complejos Nunca; los Signals reemplazan completamente a NgRx en Angular moderno Solo en aplicaciones con más de 50 componentes

15

¿Qué estrategia de precarga de módulos lazy usarías para que los módulos no críticos se carguen en background después del load inicial?

NoPreloading — el comportamiento por defecto ya precarga en background PreloadAllModules o una estrategia selectiva personalizada con withPreloading() Eager loading de todos los módulos para que ya estén disponibles Los módulos lazy no pueden precargarse; hay que elegir entre lazy o eager

0 / 15 correctas