Pristatome signalus: naujasis „Angular“ reaktyvumo primityvas

2023 m. vasario 15 d. „Angular“ komanda pristatė „Signals“ sistemai pateikdama paprastą traukimo užklausą. Nuo tada „Angular“ bendruomenėje vyksta intensyvios diskusijos apie jo naudojimą ir naudą. Daugelis netgi pradėjo kurti prototipus su signalais, kad išbandytų jo funkcijas.

Pažiūrėkime, kaip ši nauja funkcija veikia, jos sintaksė ir kaip ją naudoti, kai ji bus visiškai įdiegta.

Kas yra signalai?

Signalo tipas yra naujasis Angular reaktyvusis primityvus tipas. Jo tikslas yra turėti reikšmę, kaip ir standartinis kintamasis, tačiau skiriamasis signalo bruožas yra jo unikalus elgesys. Jei pasikeis signalas, jis praneš apie viską, kas nuo jo priklauso.

Be to, „Angular“ gali naudoti signalus kaip naują metodą pokyčiams aptikti ir suaktyvinti, o ne dabartinį numatytąjį metodą – nešvariai tikrinti visą komponentų medį.

Kaip naudoti signalus kampu

Signalas atrodys maždaug taip:

@Komponentas({
 parinkiklis: „mano programa“





instagram viewer
,
 atskiras: tiesa,
 šablonas: `
 Skaičiavimas: {{ count() }} </div>
 Dvigubas: {{ double() }} </div>
"pakeitimų skaičius()"></button>
`,
})
eksportuotiklasė AppComponent{
 skaičius = signalas (0)
 double = apskaičiuotas (() =>tai.count() * 2);

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

Šiame programos komponente kintamųjų skaičius yra signalas, inicijuotas nuline verte. tada skaičius nurodomas double (apskaičiuota vertė) ir šablone. Taigi, kai mygtuko paspaudimas nustato skaičiaus reikšmę į penkis, bus atnaujinta ir apskaičiuota vertė (dviguba), ir šablono reikšmės.

Kiekviena dalis Kampinis komponentas kuris priklauso nuo signalo, bus automatiškai atnaujintas pasikeitus vertei.

Kodėl svarbu įvesti signalus

Signalai palengvina mokymąsi ir darbą su Angular. Perjungimas į signalus kaip naują numatytąjį mokymosi ir kūrimo būdą naudojant Angular suderins mokymosi procesą. Nesvarbu, ar mes norime būtinesnio kodavimo stiliaus naudojant Angular, ar norime išmokti deklaratyvesnio kodavimo stiliaus.

Daugelis žmonių pradeda koduoti būtinai, nes tai paprastai yra intuityvesnis ir žmonėms pažįstamas. Tačiau pereinant nuo imperatyvaus požiūrio prie deklaratyvaus būdo, pasikeičia paradigma ir visiškai pasikeičia mūsų mentalinis modelis. Štai kodėl RX.js, reaktyviosios bibliotekos, daugeliui sunku išmokti.

Signalai sujungs šiuos du skirtingus metodus. Kiekvienas gali išmokti signalų pagal numatytuosius nustatymus, pradėti mokytis reaktyvumo sąvokų ir net nesijaudinti dėl įtraukimo Angular RX.js jei negali ar nenori.

Kai būsite patenkinti kampinio pagrindai ir norite pereiti prie deklaratyvesnio kodavimo stiliaus, galite lengvai pridėti RX.js prie jau suprantamų sąvokų.

Signalai turėtų pagerinti kampinį programavimą visiems

Signalai yra naujas „Angular“ reaktyvusis mechanizmas, kurį galite naudoti kurdami reaktyviąsias vertes, kurias vartotojai galėtų perskaityti. Pasikeitus jo vertei, signalas nedelsiant praneša visiems vartotojams. Signalai harmonizuoja Angular mokymosi procesą, sujungdami imperatyvųjį ir deklaratyvųjį kodavimo metodus.

„Angular“ pasikliaus signalais, kad pakeitimų aptikimas būtų lengvesnis ir tvirtesnis. Todėl, kaip „Angular“ kūrėjui, išmokę naudoti signalus galėsite tvirčiau suvokti „Angular“ reaktyvumą ir tapti geresniu kūrėju. Prieš mokydamiesi sudėtingesnių dalių, nepamirškite išmokti Angular pagrindų.