Megjelent a React új hivatalos dokumentációja

Az elmúlt két és fél év béta állapot után végre megjelent az új React dokumentáció. Az új doksit Rachel Nabors és Dan Abramov vezetésével készítették, és célja az volt, hogy frissítsék a meglévő dokumentációt a React legújabb (modern) verzióinak megfelelően. Az új doksiban a Hook-ok használata (amelyek a 2019 februárjában kiadott React 16.8 részeként kerültek bevezetésre) és a functional component-ek előnyben részesítése áll a középpontban.

A régi dokumentációt olvasva az class component-ekkel volt teli, amely főleg annak fájdalmas, aki a doksiból akarja megtanulni, elsajátítani a React-et, mert kétszer kell megtanulnia azt. Először a class component-ekkel a hozzájuk szervesen kapcsolódó lifecycle methodok-at, majd a functional component-ekkel és hook-kokkal.

(A régi class component-eket természetesen most is lehetséges használni, bár miért is tennénk, amikor a jelenlegi környezetben senki sem használja őket, egyszerűen csak kilógnak a képből már.)

Az eredeti ötlet az volt még régen, hogy a class componenteknek van statje, míg a functionaloknak nincsen, csak buta component-ek, ez 2018-ban React 16.8-as verzióval megváltozott és szinte csak a functional component-eket használjuk (természetesen kivételek léteznek, pl.: Error Boundaries) modern környzetben. Az új doksit követve pedig már csak a functional component-eket tanulja meg a tanulni vágyó.

Az új dokumentáció az alábbi fejezetekre van felosztva

• Tanulásra szánt részre (zero to hero). Szerintem ez a rész egészen elképesztő, érzékletes tananyag lett, csak ajánlani tudom.
• Tájékoztató részre hookok, component-ek, API-k. Ismételten egy nagyon jóra sikerült leírás.
• A közösségről szóló bejegyzésekre.
• Valamint egy új blogra.

SPA vs framework

Az SPA-k (single page application) jövője számos kérdést vet fel. Az új doksiban már meg sem említik a Create React App-ot, amit a cikk írásakor már egy éve nem is updateltek. Ez előtt a (most már) Meta hivatalos ajánlása volt, a "legjobb hely, ahol elkezdheted építeni az új React SPA-dat". 1500 megoldatlan issue és 400 nyitott pull request torlódott fel már a CRA-nál, ezzel akár halottnak is nyilváníthatjuk.

Theo személyes kereszteshadjárata immáron célba ért, ahogyan nem felejtette YouTube-on is az eredményt közzétenni.

Helyette a framework-ök használatát javasolják, mint például a Next.js - amely új verziójának előnyeiről itt írtam -, a Remix és az Expo. (Csak zárójelesen említem meg, hogy Next.js-sel van készítve az új dokumentáció is.) Ez a váltás valószínűleg azért következett be, mert az SPA nem foglal magában routingot, data fetching megoldást, ezért kell TanStack Routerhez vagy React Routerhez nyúlnia a developpernek. Nem is említve a performance-t, ami azért igazi fegyvertény.

A framework-ök ilyen mértékű preferálása az SPA-kkel szemben valószínűleg a v 18-as React-tel bejött server side component-ek miatt következett be. Az új doksi szerint azonban ez nem kötelező út, és a Vite és a Parcel is említést kap, ha az SPA-k használatára van szükség. Ez alapján felmerült a kérdés, hogy a SPA általánosságban is halálra van szánva, ez lenne a vég kezdete? Természetesen nem ez a helyzet, de egyre inkább látszik, hogy megvan a maguk speciális helye.

Vizuális turbó

Az új doksiban sok diagram és illusztráció található, és minden rész után több, mint 600 interaktív példa várja a gyakorolni vágyókat. Ez azonban nem mentesít minket attól, hogy a saját fejlesztéseink során folyamatosan tanuljunk és kísérletezzünk.

Nem csak a tartalom változott

Egy szemfüles felhasználó kiszúrta, hogy az eddig bevett színhasználaton is változtattak a dokumentációban. Névlegesen, hogy az eddig használt enyhén világosabb zöldeskéket #61dafb, felváltotta az új #0a7ea4.

Összefoglaló

Összességében az új React dokumentáció frissített, modernizált és jól szervezett. Azt javaslom, hogy mindenki olvassa el, akár tapasztalt React fejlesztő, akár újonc. Az új doksiban mindenki találhat olyan információkat, amelyek segíthetnek a fejlesztői karrierjének előrehaladásában.

Remélem, hogy hasznos volt ez a rövid összefoglaló az új React dokumentációról, és bátran ajánlom mindenkinek, hogy próbálja ki az új példákat és fejlessze tovább a React tudását. Ha van bármi kérdésetek, írjatok kommentben, és igyekszem segíteni!