A React 19 jelentős fejlesztéseket vezet be az egyéni elemek támogatására a korábbi verziókhoz képest, elsősorban a kellékek kezelésére összpontosítva. Itt vannak a legfontosabb különbségek:
továbbfejlesztett prop -kezelés
1. Az attribútumok és tulajdonságok elválasztása: A 19. reagálásban az egyéni elempéldány tulajdonságainak megfelelő kellékek tulajdonságokként vannak hozzárendelve az ügyféloldali megjelenítés során. Ha a prop primitív típus (például a „String”, `szám vagy„ true ”), akkor attribútumként jelenik meg. A nem csekély típusokat (például a „objektum”, a „szimbólum” vagy a „függvény”) kizárják a megjelenítésből. Ez a megközelítés lehetővé teszi az egyéni elemekkel való intuitívabb interakciót, összehangolva azt, hogy miként tervezték ezeket a működésre [3] [4].
2. Szerveroldali megjelenítés (SSR) Javítások: Az SSR során ugyanaz a logika vonatkozik: A primitív kellékeket attribútumként jelenítik meg, míg a nem csővezetékes típusokat kihagyják. Ez biztosítja, hogy a kiszolgálóval rendelkező kimenet összhangban álljon azzal, amit az ügyfél elvár, csökkentve a potenciális eltéréseket a hidratáció során [4] [5].
3. Hálózott egyedi elemek nyilvántartásai: React 19 Támogatja az egyéni elemek nyilvántartásait, lehetővé téve a fejlesztők számára, hogy az egyedi elemeket hatékonyabban kezeljék a mikro-frontend architektúrákban. Ez a szolgáltatás segít megelőzni a verziókonfliktusokat, ha több alkalmazás ugyanazon egyedi elem különböző verzióitól függ, javítva a modularitást és a kompatibilitást [2].
4. Javított teljesítménymutatók: A REACT 19 100% -os pontszámot ért el az egyedi elemekhez, ahol a referenciaértékek jelentősen javulnak a korábbi verziókhoz képest. Ez azt jelzi, hogy jobb teljesítményt és kompatibilitást mutat a webes alkotóelemekkel, és foglalkozik a React egyedi elemek kezelésével kapcsolatos korábbi kritikákkal [5].
Ezek a javítások a React 19 -ben nemcsak korszerűsítik az egyéni elemek integrálását a React alkalmazásokba, hanem javítják az általános teljesítmény és a fejlesztői élményt, megkönnyítve a webes komponensekkel való együttműködést a React kontextusban.
Idézetek:[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/upcom-custom-eLement-support-in-react/
[6] https://www.bacancytechnology.com/blog/whats-new-in-react-19
[7] https://eluminoustechnologies.com/blog/react-19/
[8] https://www.geeksforgeeks.org/react---new-features-andates/