Angular Signals
Signals API, computed, effect, signal inputs, signal queries, modelo de reactividad, migración desde RxJS
1¿Qué es un signal en Angular?
¿Qué es un signal en Angular?
Respuesta
Un signal es una primitiva de reactividad introducida en Angular 16+ que encapsula un valor y notifica automáticamente a los consumidores cuando ese valor cambia. A diferencia de los Observables RxJS, los signals ofrecen un enfoque más simple y eficiente para gestionar el estado reactivo. Son síncronos por defecto e integran nativamente con el sistema de change detection de Angular.
2¿Cómo crear un signal con un valor inicial?
¿Cómo crear un signal con un valor inicial?
Respuesta
La función signal() toma el valor inicial como parámetro: signal(0) crea un signal que contiene 0. El signal devuelto es una función getter que puede llamarse para leer el valor. Para modificar el valor, usa los métodos set(), update() o mutate(). La sintaxis es concisa y evita la verbosidad de BehaviorSubject de RxJS.
3¿Cómo leer el valor de un signal?
¿Cómo leer el valor de un signal?
Respuesta
Llama al signal como una función: count() devuelve el valor actual. Esta sintaxis permite a Angular rastrear automáticamente las dependencias en contextos reactivos (templates, computed, effect). A diferencia de los Observables que requieren subscribe() o el async pipe, los signals ofrecen una lectura síncrona y directa.
¿Qué método usar para reemplazar completamente el valor de un signal?
¿Cómo actualizar un signal según su valor previo?
+17 preguntas de entrevista
Otros temas de entrevista 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
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