Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Kokios yra pagrindinės savybės, įvestos „React 19“


Kokios yra pagrindinės savybės, įvestos „React 19“


„React 19“ pristato keletą reikšmingų funkcijų, skirtų tobulinti kūrėjų patirtį ir programos veikimą. Čia yra pagrindiniai atnaujinimai:

Pagrindinės „React 19“ savybės

1. „React Compiler“: eksperimentinis kompiliatorius „React Code“ paverčia optimizuotą „JavaScript“, o tai gali sukelti reikšmingą našumo patobulinimą. Jis valdo komponentų pateikimą automatiškai, sumažindamas rankinio būsenos ir vartotojo sąsajos atnaujinimų poreikį ir optimizuodamas komponentus, kad būtų sumažintas per didelis pakartotinis perdavimas [1] [4].

2. Serverio veiksmai: Ši funkcija supaprastina duomenų mutacijas ir būsenos atnaujinimus, leidžiančius kliento komponentams tiesiogiai skambinti asinchroninėms funkcijoms. Tai apima integruotą klaidų tvarkymą ir pateikia nedelsiant vartotojo atsiliepimus pateikiant duomenis, supaprastinant formą su naujomis rekvizitais, tokiais kaip „veiksmas“ ir „formavimas“ [2] [4].

3. „React“ serverio komponentai (RSC): RSC įgalina UI komponentų serverio pusės pateikimą, pagerindami pradinį apkrovos laiką ir sumažindami kliento paketų dydžius. Jie gali būti vykdomi statybos metu arba kiekvienoje užklausoje, siūlant lankstumą valdant serverio ir klientų sąveiką [3] [4].

4. Nauji kabliukai: buvo pristatyta keli nauji kabliukai:
- `useFormstatus ()`: padeda valdyti formos būsenas.
- „UseOptimistic ()`: palengvina optimistinius vartotojo sąsajos atnaujinimus.
- „USEACTIONSTATES ()`: Sodina valstybės valdymą, susijusį su veiksmais [2] [3].

5. Patobulintos klaidų ataskaitos: Patobulintas klaidų tvarkymas, kad būtų teikiamos aiškesni pranešimai ir sumažintų klaidų žurnalų dubliavimąsi. Naujos šakninės parinktys leidžia kūrėjams efektyviau valdyti pagautas ir neišpaustas klaidas [1] [2].

6. Pritaikytų elementų palaikymas: Pridėta visiška pasirinktinių elementų palaikymas, leidžiantis „React“ traktuoti nepripažintus rekvizitus kaip savybes, o ne tik atributus, sustiprinant integraciją į žiniatinklio komponentus [1] [2].

7. Dokumentų metaduomenys ir turto įkėlimas: Patobulinimai tvarkant dokumentų metaduomenis ir įkeliant turtą fone, pagerina tiek našumą, tiek vartotojo patirtį, optimizuojant išteklių tvarkymą [4] [5].

8. Automatinis paketas: „React 19“ pristato automatinį paketą, kuris sugrupuoja kelis būsenos atnaujinimus, kad sumažintų pateikimus ir optimizuotų našumą [4] [5].

9. Patobulintos hidratacijos klaidų ataskaitos: Hidratacijos klaidų tvarkymas buvo patobulintas, pateikiant aiškesnius žurnalus, kurie rodo neatitikimus tarp serverio ir kliento pateikto turinio [1] [2].

Šiomis funkcijomis kartu siekiama supaprastinti plėtros darbo eigą, pagerinti našumą ir pagerinti bendrą vartotojo patirtį programose, sukurtose naudojant „React“.

Citatos:
[1] https://react.dev/blog/2024/04/25/react-19
[2] https://www.geeksforgeeks.org/react-19-new-features ir updates/
[3] https://www.freecodecamp.org/news/new-reeact-19-features/
[4] https://www.kellton.com/kellton-tech-blog/react-19-latest-features ir updates
[5] https://dev.to/ricardogesteves/reAct-19-new-features-and-improvements-2fk6
[6] https://www.bacancytechnology.com/blog/whats-new-in-reakt-19
[7] https://www.freecodecamp.org/news/whats-new-in-reakt-19/
[8] https://code.pieces.app/blog/react-19-comprehensive-guide