Signaalide tutvustamine: Angulari uus reaktiivsuse primitiiv

15. veebruaril 2023 tutvustas Angulari tiim raamistikku Signalsi lihtsa tõmbamistaotlusega. Sellest ajast peale on Angulari kogukonnas selle kasutamise ja eeliste üle teravaid arutelusid. Paljud on isegi alustanud prototüüpide loomist signaalidega, et proovida selle funktsionaalsust.

Vaatame, kuidas see uus funktsioon töötab, selle süntaks ja kuidas seda pärast täielikku kasutuselevõttu kasutada.

Mis on signaalid?

Signaali tüüp on Angulari uus reaktiivne primitiivne tüüp. Selle eesmärk on hoida väärtust, nagu standardmuutujal, kuid signaali eristav tunnus on selle ainulaadne käitumine. Kui signaal muutub, teavitab see kõike, mis sellest sõltub.

Lisaks saab Angular kasutada signaale kui uut lähenemisviisi muutuste tuvastamiseks ja käivitamiseks, mitte praeguse vaikemeetodina, mille kohaselt kontrollitakse kogu komponentide puu määrdunud.

Kuidas signaale nurgas kasutada

Signaal näeb välja umbes selline:

@Component({
 valija: 





instagram viewer

"minu rakendus",
 eraldiseisev: tõsi,
 mall: `
 Loendus: {{ count() }} </div>
 Double: {{ double() }} </div>
"changeCount()"></button>
`,
})
eksportidaklass AppComponent{
 count = signaal (0)
 double = arvutatud(() =>see.count() * 2);

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

Selles rakenduse komponendis on muutujate arv signaal, mis on lähtestatud väärtusega null. loendurile viidatakse siis double (arvutatud väärtus) ja malli sees. Seega, kui nupu klõps määrab loenduse väärtuseks viis, värskendatakse nii arvutatud väärtust (topelt) kui ka malli väärtusi.

Iga osa Nurgeline komponent mis sõltub signaalist, värskendatakse automaatselt, kui väärtus muutub.

Miks on signaalide kasutuselevõtt oluline?

Signaalid muudavad Angulariga õppimise ja töötamise lihtsamaks. Üleminek signaalidele kui uuele vaikeviisile Angulariga õppimiseks ja ehitamiseks ühtlustab õppeprotsessi. Kas eelistame Angulariga kohustuslikumat kodeerimisstiili või tahame õppida deklaratiivsemat kodeerimisstiili.

Enamik inimesi alustab kodeerimist kohustuslikult, kuna see on üldiselt intuitiivsem ja inimestele tuttavam. Kuid üleminek imperatiivselt lähenemiselt deklaratiivsele viisile hõlmab paradigma muutust ja täielikku muutust meie vaimses mudelis. Seetõttu on reaktiivset raamatukogu RX.js paljudel raske õppida.

Signaalid ühendavad need kaks erinevat lähenemisviisi. Igaüks saab vaikimisi signaale õppida, alustada reaktiivsuse taga olevate mõistete õppimist ja isegi mitte muretseda lisamise pärast Angulari RX.js kui nad ei saa või ei taha.

Kui olete sellega rahul Angulari põhitõed ja soovite lülituda deklaratiivsemale kodeerimisstiilile, saate hõlpsasti lisada RX.js-i mõistetele, millest juba aru saate.

Signaalid peaksid parandama nurkprogrammeerimist kõigi jaoks

Signaalid on Angulari uus reaktiivne mehhanism, mille abil saate luua tarbijatele lugemiseks reaktiivseid väärtusi. Signaal teavitab koheselt kõiki tarbijaid, kui selle väärtus muutub. Signaalid ühtlustavad Angulari õppeprotsessi, ühendades kodeerimise imperatiivse ja deklaratiivse lähenemisviisi.

Angular tugineb signaalidele, et muuta muudatuste tuvastamine kergemaks ja vastupidavamaks. Seetõttu annab Angulari arendajana signaalide kasutamise õppimine teile kindlama ülevaate Angulari reaktiivsusest ja muudab teid paremaks arendajaks. Ärge unustage omandada Angulari põhitõdesid enne keerukamate osade õppimist.