Esittelyssä Signaalit: Angularin uusi primitiivi reaktiivisuuteen

Helmikuun 15. päivänä 2023 Angularin tiimi esitteli Signalsin kehykseen yksinkertaisella vetopyynnöllä. Siitä lähtien Angular-yhteisössä on käyty vilkasta keskustelua sen käytöstä ja eduista. Monet ovat jopa aloittaneet prototyyppien tekemisen signaaleilla kokeillakseen sen toimivuutta.

Katsotaanpa, miten tämä uusi ominaisuus toimii, sen syntaksia ja kuinka sitä käytetään, kun se on otettu kokonaan käyttöön.

Mitä ovat signaalit?

Signaalityyppi on Angularin uusi reaktiivinen primitiivinen tyyppi. Sen tarkoitus on pitää arvo, aivan kuten vakiomuuttuja, mutta signaalin erottava piirre on sen ainutlaatuinen käyttäytyminen. Jos signaali muuttuu, se ilmoittaa kaikesta siitä riippuvasta.

Lisäksi Angular voi käyttää signaaleja uutena lähestymistapana muutosten havaitsemiseen ja käynnistämiseen nykyisen oletustavan sijaan, että koko komponenttipuu tarkistetaan likaisesti.

Signaalien käyttäminen Angularissa

Signaali näyttää suunnilleen tältä:

@Komponentti({
 valitsin: "oma-sovellus",
 itsenäinen: totta,
 sapluuna: `
 Count: {{ count() }} </div>
 Double: {{ double() }} </div>
"changeCount()"></button>
`,
})
viedäluokkaa AppComponent{
 count = signaali (0)
 double = laskettu(() =>Tämä.Kreivi() * 2);

 changeCount() {
Tämä.count.set(5)
 }
}

Tässä App-komponentissa muuttujamäärä on signaali, joka on alustettu arvolla nolla. count viitataan sitten double (laskettu arvo) ja mallin sisällä. Joten kun painikkeen napsautus asettaa laskennan arvoksi viisi, sekä laskettu arvo (kaksois) että mallin arvot päivittyvät.

Jokainen osa Kulmikas komponentti joka riippuu signaalista, päivitetään automaattisesti, kun arvo muuttuu.

Miksi signaalien käyttöönotto on tärkeää

Signaalit helpottavat oppimista ja Angularin kanssa työskentelyä. Siirtyminen signaaleihin uudeksi oletustavana oppia ja rakentaa Angularin kanssa harmonisoi oppimisprosessia. Haluammepa sitten Angularin kanssa pakottavampaa koodaustyyliä tai haluamme oppia deklaratiivisemman koodaustyylin.

Useimmat ihmiset aloittavat koodaamisen välttämättömästi, koska se on yleensä intuitiivisempaa ja tutumpaa ihmisille. Mutta siirtyminen pakottavasta lähestymistavasta deklaratiiviseen tapaan sisältää paradigman muutoksen ja täydellisen muutoksen mentaalimallissamme. Tästä syystä RX.js, reaktiivinen kirjasto, on monien vaikea oppia.

Signaalit yhdistävät nämä kaksi erillistä lähestymistapaa. Jokainen voi oppia oletuksena signaaleja, alkaa oppia reaktiivisuuden taustalla olevia käsitteitä eikä edes murehtia sisällyttämistä Angularin RX.js jos he eivät osaa tai eivät halua.

Kun olet tyytyväinen Angularin perusteet ja haluat vaihtaa deklaratiivisempaan koodaustyyliin, voit helposti lisätä RX.js: n jo ymmärtämiisi käsitteisiin.

Signaalien pitäisi parantaa kulmaohjelmointia kaikille

Signals on Angularin uusi reaktiivinen mekanismi, jonka avulla voit luoda reaktiivisia arvoja kuluttajien luettavaksi. Signaali ilmoittaa välittömästi kaikille kuluttajille, kun sen arvo muuttuu. Signaalit harmonisoivat Angular-oppimisprosessia yhdistämällä pakottavat ja deklaratiiviset lähestymistavat koodaukseen.

Angular luottaa signaaleihin tehdäkseen muutoksen havaitsemisesta kevyemmän ja kestävämmän. Siksi Angular-kehittäjänä signaalien käytön oppiminen antaa sinulle vahvemman käsityksen Angularin reaktiivisuudesta ja tekee sinusta paremman kehittäjän. Älä unohda hallita Angularin perusteita ennen kuin opit edistyneempiä osia.