A jelek javíthatják a kódbázis egyes részeit; megtudja, hogyan és miért.

2023. február 15-én az Angular csapata egy egyszerű lehívási kéréssel bevezette a Signalst a keretrendszerbe. Azóta élénk viták folynak az Angular közösségben a használatáról és előnyeiről. Sokan el is kezdték a prototípusok készítését jelekkel, hogy kipróbálják a funkcióját.

Vessünk egy pillantást ennek az új funkciónak a működésére, a szintaxisára és a használatára, miután teljesen kikerült.

Mik azok a jelek?

A jeltípus az Angular új reaktív primitív típusa. Célja, hogy értéket tartson, akárcsak egy szabványos változónak, de a jel megkülönböztető jellemzője az egyedi viselkedés. Ha egy jel megváltozik, minden tőle függő dolgot értesít.

Ezenkívül az Angular a jeleket használhatja új megközelítésként a változások észlelésére és kiváltására, a jelenlegi alapértelmezett megközelítés helyett, amely a teljes összetevőfa piszkos ellenőrzését jelenti.

A jelek használata szögben

Egy jel valahogy így fog kinézni:

@Összetevő({
választó:
instagram viewer
"my-app",
önálló: igaz,
sablon: `
Szám: {{ count() }} </div>
Double: {{ double() }} </div>

changeCount() {
ez.count.set(5)
}
}

Ebben az alkalmazáskomponensben a változószám egy nulla értékkel inicializált jel. A count ezután a double (számított érték) és a sablonon belül hivatkozik. Tehát amikor a gombra kattintás a count értékét ötre állítja, a számított érték (dupla) és a sablonban lévő értékek egyaránt frissülnek.

Minden része a Szögletes alkatrész a jeltől függő érték automatikusan frissül, amint az érték megváltozik.

Miért fontos a jelzések bevezetése?

A jelek megkönnyítik a tanulást és az Angularral való munkát. Az Angularral való tanulás és építés új alapértelmezett módjaként a jelekre való váltás harmonizálja a tanulási folyamatot. Akár egy kötelezőbb kódolási stílust részesítünk előnyben az Angular segítségével, akár egy deklaratívabb kódolási stílust szeretnénk megtanulni.

A legtöbb ember kötelezően kezdi el a kódolást, mert általában intuitívabb és ismerősebb az emberek számára. Ám az imperatív megközelítésről a deklaratív módra való váltás paradigmaváltással és mentális modellünk teljes megváltoztatásával jár. Ez az oka annak, hogy az RX.js-t, a reaktív könyvtárat sokak számára nehéz megtanulni.

A jelek összekapcsolják ezt a két különálló megközelítést. Alapértelmezés szerint mindenki megtanulhatja a jeleket, elkezdheti megtanulni a reaktivitás mögött meghúzódó fogalmakat, és nem kell aggódnia a beépítés miatt Az Angular RX.js ha nem tudnak vagy nem akarnak.

Miután megnyugodtál a Angular alapjai és szeretne egy deklaratívabb kódolási stílusra váltani, könnyen hozzáadhatja az RX.js-t a már megértett fogalmakhoz.

A jeleknek mindenki számára javítaniuk kell a szögprogramozást

A Signals az Angular új reaktív mechanizmusa, amellyel reaktív értékeket hozhat létre a fogyasztók számára. Egy jel azonnal értesíti az összes fogyasztót, ha az értéke megváltozik. A jelek harmonizálják az Angular tanulási folyamatát azáltal, hogy egyesítik a kódolás imperatív és deklaratív megközelítését.

Az Angular a jelekre támaszkodik, hogy a változásérzékelést könnyebbé és robusztusabbá tegye. Ezért Angular fejlesztőként a jelek használatának elsajátítása szilárdan megértheti az Angular reaktivitását, és jobb fejlesztő lesz. Ne felejtse el elsajátítani az Angular alapjait, mielőtt megtanulná a fejlettebb részeket.