Las señales podrían transformar partes de su base de código para mejor; Descubre como y porque.
El 15 de febrero de 2023, el equipo de Angular introdujo Signals en el marco con una simple solicitud de extracción. Desde entonces, ha habido debates entusiastas en la comunidad de Angular sobre su uso y beneficios. Muchos incluso han comenzado a crear prototipos con señales para probar su funcionalidad.
Echemos un vistazo a cómo funciona esta nueva función, su sintaxis y cómo usarla una vez que esté completamente implementada.
¿Qué son las señales?
El tipo de señal es el nuevo tipo primitivo reactivo de Angular. Su propósito es mantener un valor, al igual que una variable estándar, pero la característica distintiva de una señal es su comportamiento único. Si una señal cambia, notificará todo lo que dependa de ella.
Además, Angular puede usar señales como el nuevo enfoque para detectar y desencadenar cambios, en lugar del enfoque predeterminado actual de verificación sucia de todo el árbol de componentes.
Cómo usar señales en angular
Una señal se verá así:
@Componente({
selector: 'mi-aplicación',
ser único: verdadero,
plantilla: `Cuenta: {{ cuenta() }} </div>Doble: {{ doble() }} </div>
changeCount() {
este.contar.establecer(5)
}
}
En este componente de la aplicación, la variable cuenta es una señal inicializada con el valor cero. luego se hace referencia a count dentro de double (un valor calculado) y la plantilla. Entonces, cuando el clic del botón establece el valor de contar en cinco, tanto el valor calculado (doble) como los valores en la plantilla se actualizarán.
Cada parte de la componente angular que depende de la señal se actualizará automáticamente una vez que cambie el valor.
Por qué es importante la introducción de señales
Las señales facilitan el aprendizaje y el trabajo con Angular. Cambiar a señales como la nueva forma predeterminada de aprender y construir con Angular armonizará el proceso de aprendizaje. Ya sea que prefiramos un estilo de codificación más imperativo con Angular o queramos aprender un estilo de codificación más declarativo.
La mayoría de las personas comienzan a codificar de manera imperativa porque generalmente es más intuitivo y familiar para las personas. Pero pasar del enfoque imperativo al declarativo implica un cambio de paradigma y un cambio total en nuestro modelo mental. Es por eso que RX.js, la biblioteca reactiva, es difícil de aprender para muchos.
Las señales unirán estos dos enfoques separados. Todos pueden aprender señales de forma predeterminada, comenzar a aprender los conceptos detrás de la reactividad y ni siquiera preocuparse por incorporar RX.js de Angular si no pueden o no quieren.
Una vez que se sienta cómodo con el fundamentos de angular y desea cambiar a un estilo de codificación más declarativo, puede agregar fácilmente RX.js a los conceptos que ya comprende.
Las señales deberían mejorar la programación angular para todos
Signals es el nuevo mecanismo reactivo de Angular que puede usar para crear valores reactivos para que los lean los consumidores. Una señal notifica inmediatamente a todos los consumidores una vez que cambia su valor. Las señales armonizan el proceso de aprendizaje de Angular al reunir los enfoques imperativos y declarativos de la codificación.
Angular se basará en señales para hacer que la detección de cambios sea más ligera y robusta. Por lo tanto, como desarrollador de Angular, aprender a usar señales le dará una comprensión más firme de la reactividad en Angular y lo convertirá en un mejor desarrollador. No olvide dominar los conceptos básicos de Angular antes de aprender las partes más avanzadas.