Az Angular 19.2 legújabb kiadása két jelentős újítást vezetett be: az asszinkron reaktivitást az új httpResource és az adatstream-kezelést az rxResource API-kkal. Ez a fejlesztés olyan új megközelítést kínál az adatkezeléshez, amely alapjaiban változtathatja meg, ahogyan a modern webalkalmazások a szerverrel kommunikálnak.
Mi is az a Signals-alapú asszinkron reaktivitás?
Míg a fejlesztők az Angular v16 óta használhatták a signals-t szinkron állapotkezelésre, egyre gyakrabban merült fel a kérdés, hogyan tudják kihasználni a signals erejét, olvashatóságát és karbantarthatóságát az aszinkron függőségek esetében. A resource API lehetővé teszi az aszinkron adatforrásokkal való interakciót, miközben megőrzi a signals fejlesztői élményét és ergonómiáját.
A hagyományos HttpClient megközelítéssel ellentétben, ahol minden kéréshez manuális hívás szükséges, az httpResource egy deklaratívabb és reaktívabb megközelítést vezet be a HTTP-kérések kezeléséhez. Az új megoldás automatikusan frissíti az adatokat a signal változásaira reagálva.
Gyakorlati példa: Így működik az új httpResource
A következő kódpélda szemlélteti az új API működését:
A currentUserId signal egy reaktív függvényként szolgál argumentumként, és az httpResource automatikusan reagál a currentUserId változásaira. Amikor a currentUserId frissül, az httpResource új aszinkron kérést indít.
Stream-kezelés új szinten
A fejlesztők támogatást kaptak több válasz stream-eléséhez az rxResource API használatával. A resource függvény mostantól támogatja a stream opciót, amely Promise típusú Signal-t ad vissza. Az rxResource() függvény is frissült, hogy kihasználja ezt az új funkcionalitást, lehetővé téve többféle forrásból, például Observable-ökből érkező válaszok kezelését.
A Signals forradalom teljes spektruma
Az Angular jelentős újragondolásán dolgozott a reaktivitási modell terén, és a Signals bevezetésével mint reaktivitási primitív új fejezetet nyitott. Az Angular v20-ban már stabil státuszba kerültek az alapvető reaktivitási primitívek, beleértve a signal, effect, linkedSignal, signal-alapú lekérdezéseket és input-okat.
A React kivételével szinte minden jelentős keretrendszer már signals-alapú reaktivitást használ. A Signals a reaktivitás kulcsfontosságú eleme lett, amelyet csak a UI azon részei használnak, amelyek ténylegesen frissülnek. Az Angular, Vue, Solid és Svelte is signals-t használ az állapotkezeléshez.
Miért fontos ez a fejlesztés?
Az új Angular megközelítés több előnnyel jár:
- Automatikus adatfrissítés: Nincs szükség manuális API-hívásokra, a rendszer magától reagál a változásokra
- Jobb teljesítmény: Finomabb reaktivitás, csak a szükséges részek frissülnek
- Egyszerűbb kód: Deklaratív megközelítés csökkenti a boilerplate kódot
- Jobb hibakezelés: Beépített állapotkövetés és hibakezelés
Az Angular 19.2 egy újabb fontos kiadás, amely számos fejlesztést és új funkciót vezet be a teljesítmény növelése, a fejlesztők mindennapi munkájának egyszerűsítése és a legújabb technológiákhoz való alkalmazkodás céljából. Ez a verzió a resource-kezelés, HTTP-kérések, form validátorok finomítására összpontosít, miközben teljes kompatibilitást biztosít a TypeScript 5.8-cal.
Forrás: Angular Blog - https://blog.angular.dev/angular-19-2-is-now-available-673ec70aea12
A cikk AI segítségével készült, hiteles nemzetközi forrásokból származó információk alapján.