Prezentarea semnalelor: noua primitivă a Angular pentru reactivitate

Pe 15 februarie 2023, echipa lui Angular a introdus Signals în cadru cu o simplă cerere de extragere. De atunci, au existat discuții aprinse în comunitatea Angular despre utilizarea și beneficiile acestuia. Mulți au început chiar să creeze prototipuri cu semnale pentru a-și încerca funcționalitatea.

Să aruncăm o privire la modul în care funcționează această nouă caracteristică, sintaxa ei și cum să o folosești odată ce este complet lansată.

Ce sunt semnalele?

Tipul de semnal este noul tip primitiv reactiv al lui Angular. Scopul său este de a păstra o valoare, la fel ca o variabilă standard, dar caracteristica distinctivă a unui semnal este comportamentul său unic. Dacă un semnal se schimbă, acesta va notifica orice depinde de el.

În plus, Angular poate folosi semnale ca nouă abordare pentru detectarea și declanșarea schimbării, mai degrabă decât abordarea implicită curentă de verificare murdară a întregului arbore de componente.

Cum să utilizați semnalele în unghiular

Un semnal va arăta cam așa:

@Component({
 selector: „aplicația mea”,
 de sine stătătoare: Adevărat,
 șablon: `
 Număr: {{ count() }} </div>
 Dublu: {{ dublu() }} </div>
"changeCount()"></button>
`,
})
exportclasă Componenta aplicației{
 count = semnal(0)
 dublu = calculat(() =>acest.numara() * 2);

 changeCount() {
acest.număr.set(5)
 }
}

În această componentă a aplicației, numărul de variabile este un semnal inițializat cu valoarea zero. count este apoi referit în interiorul double (o valoare calculată) și șablon. Deci, atunci când clic pe butonul setează valoarea numărului la cinci, atât valoarea calculată (dublă), cât și valorile din șablon se vor actualiza.

Fiecare parte a Componentă unghiulară care depinde de semnal va fi actualizat automat odată ce valoarea se schimbă.

De ce este importantă introducerea semnalelor

Semnalele facilitează învățarea și lucrul cu Angular. Trecerea la semnale ca noua modalitate implicită de a învăța și de a construi cu Angular va armoniza procesul de învățare. Indiferent dacă preferăm un stil mai imperativ de codare cu Angular sau dorim să învățăm un stil de codare mai declarativ.

Majoritatea oamenilor încep să codeze în mod imperativ, deoarece este în general mai intuitiv și mai familiar pentru oameni. Dar trecerea de la abordarea imperativă la cea declarativă implică o schimbare de paradigmă și o schimbare totală a modelului nostru mental. Acesta este motivul pentru care RX.js, biblioteca reactivă, este greu de învățat pentru mulți.

Semnalele vor aduce împreună aceste două abordări separate. Toată lumea poate învăța semnalele în mod implicit, poate începe să învețe conceptele din spatele reactivității și nici măcar să nu-și facă griji cu privire la încorporare RX.js de la Angular dacă nu pot sau nu vor.

Odată ce te simți confortabil cu elementele de bază ale Angular și doriți să treceți la un stil de codare mai declarativ, puteți adăuga cu ușurință RX.js la conceptele pe care le înțelegeți deja.

Semnalele ar trebui să îmbunătățească programarea unghiulară pentru toată lumea

Signals este noul mecanism reactiv al Angular pe care îl puteți folosi pentru a crea valori reactive pe care consumatorii le pot citi. Un semnal anunță imediat toți consumatorii odată ce valoarea sa se schimbă. Semnalele armonizează procesul de învățare a Angular prin reunirea abordărilor imperative și declarative ale codificării.

Angular se va baza pe semnale pentru a face detectarea schimbărilor mai ușoară și mai robustă. Prin urmare, în calitate de dezvoltator Angular, învățarea utilizării semnalelor vă va oferi o înțelegere mai fermă a reactivității în Angular și vă va face un dezvoltator mai bun. Nu uitați să stăpâniți elementele de bază ale Angular înainte de a învăța părțile mai avansate.