Las entrevistas de Angular cubren dependency injection, RxJS, change detection, y TypeScript — el framework es opinado, así que las preguntas testean si entiendes su maquinaria. Aquí están las más comunes con respuestas modelo. Middle: comprensión más profunda, optimización y situaciones reales de trabajo.
Por defecto Angular revisa cada componente en el árbol después de cualquier cosa que pudiera haber cambiado el estado. OnPush lo estrecha: el componente se revisa solo cuando una referencia de input cambia, un evento se dispara dentro de él, o un observable que usa vía async emite. Convierte una revisión de todo el árbol en una dirigida, que es la palanca de performance más grande en Angular.
Parchea las APIs async del navegador para que Angular sepa cuándo algo pudo haber cambiado y pueda correr change detection sin que se lo digas. El costo es que parchea todo y dispara revisiones para eventos que no cambiaron nada. Los signals dejan a un componente saber precisamente qué cambió, por eso zoneless es la dirección.
Un signal tiene un valor actual y notifica a los dependientes sincrónicamente cuando cambia — es estado. Un observable es un stream a través del tiempo y modela eventos. Los signals convienen para estado de componente y valores calculados; los observables todavía convienen para HTTP, websockets y cualquier cosa con operadores. Son complementarios en vez de un reemplazo.
switchMap cancela la suscripción interna anterior cuando llega un valor nuevo — correcto para un typeahead, incorrecto para un guardado. mergeMap las corre todas concurrentemente en el orden en que terminen. concatMap las encola y preserva el orden. Elegir el equivocado es cómo una búsqueda muestra resultados obsoletos o dos guardados llegan fuera de orden.
Se sienta entre la app y HttpClient y puede modificar un request o una respuesta. Headers de auth, un id de correlación, una política de reintento global y convertir un 401 en un redirect todos pertenecen ahí, porque aplican a cada request y duplicarlos por servicio es cómo se olvida uno. La lógica de negocio no pertenece ahí.
Con loadComponent o loadChildren, que divide esa ruta en su propio chunk obtenido en la navegación. Importa porque el bundle inicial decide cuánto tarda la primera pantalla, y una sección de admin que nadie visita no debería estar en él. La verificación que lo mantiene honesto es mirar los tamaños de chunk compilados en vez de asumir.
En una entrevista real hablas bajo presión. Cam hace estas mismas preguntas, evalúa cada respuesta y muestra exactamente qué mejorar.
Practicar entrevista de Middle Angular Frontend →