Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon Kaip reaguoti 19 palaiko pasirinktinius elementus skirtingai nuo ankstesnių versijų


Kaip reaguoti 19 palaiko pasirinktinius elementus skirtingai nuo ankstesnių versijų


„React 19“ pristato reikšmingus patobulinimus, susijusius su pasirinktiniais elementais, palyginti su ankstesnėmis versijomis, visų pirma sutelkdamas dėmesį į tai, kaip rekvizitai valdomi perteikimo metu. Čia yra pagrindiniai skirtumai:

Patobulintas atramos tvarkymas

1. Atributų ir savybių atskyrimas: „React 19“ reaguojant rekvizitai, atitinkantys pasirinktinio elemento egzemplioriaus savybes, priskiriamos kaip ypatybės kliento perteikimo metu. Jei atrama yra primityvus tipas (pvz., „Eilutė“, „skaičius“ arba „tiesa“), jis pateikiamas kaip atributas. Neprotiminiai tipai (pvz., „Objektas“, „Simboliai“ arba „Funkcija“) neįtraukiami į perteikimą. Šis metodas leidžia intuityvesnei sąveikai su pasirinktiniais elementais, suderinant su tuo, kaip jie paprastai yra skirti veikti [3] [4].

2. Serverio pusės pateikimo (SSR) patobulinimai: SSR metu taikoma ta pati logika: Primityviosios rekvizitai pateikiami kaip atributai, o ne prieskoniai praleidžiami. Tai užtikrina, kad serverio pateiktas išvestis atitiktų tai, ko tikisi klientas, sumažinant galimus neatitikimus hidratacijos metu [4] [5].

3. Ši funkcija padeda išvengti versijų konfliktų, kai kelios programos priklauso nuo skirtingų to paties pasirinktinio elemento versijų, padidinant moduliškumą ir suderinamumą [2].

4. Patobulinta našumo metrika: „React 19“ pasiekė 100% balų pagal pasirinktinius elementus visur etalonui - tai reikšmingas patobulinimas, palyginti su ankstesnėmis versijomis. Tai rodo geresnį našumą ir suderinamumą su žiniatinklio komponentais, nagrinėjant ankstesnę kritiką dėl „React“ tvarkymo su pasirinktiniais elementais [5].

Šie „ReACT 19“ patobulinimai ne tik supaprastina pasirinktinių elementų integraciją į „React“ programas, bet ir pagerina bendrą našumą ir kūrėjų patirtį, todėl lengviau dirbti su žiniatinklio komponentais reagavimo kontekste.

Citatos:
[1] https://github.com/facebook/react/issues/11347
[2] https://github.com/facebook/react/issues/28938
[3] https://www.angularminds.com/blog/react-19-beta-features
[4] https://react.dev/blog/2024/04/25/react-19
[5] https://piccalil.li/blog/upomance-custom-element-support-in-react/
[6] https://www.bacancytechnology.com/blog/whats-new-in-reakt-19
[7] https://eluminoustechnologies.com/blog/react-19/
[8] https://www.geeksforgeeks.org/react-19-new-features ir updates/