Kezdés

Ez az oldal áttekintést nyújt a React dokumentációjához és a kapcsolódó anyagokhoz.

A React egy JavaScript könyvtár, amit felhasználói felületek programozására használunk. Tanulj meg mindent a Reactről a főoldalról kezdve vagy az útmutatókból.


Próbáld ki a Reactet

A React folyamatos adaptációra lett tervezve és pont annyi Reactet használhatsz a kódodban amennyit szeretnél. Ha csak ismerkednél a Reacttel, hozzáadnál néhány interaktív komponenst egy szimpla HTML oldalhoz, vagy akár egy komplex React-alapú alkalmazást készítenél, az ebben a részben található linkek segítségedre lesznek.

Online Játszóterek

Az Online Játszótereken lehetőséged van kipróbálni a React funkcionalitásait. Próbáld ki a Helló Világ sablont CodePenen, CodeSandboxon, Glitchen, vagy Stackblitzen.

Ha a saját kódszerkesztődet használnád, letöltheted ezt a HTML fájlt, szerkesztheted és megnyithatod a lokális böngésződben. Ez egy lassú kód transzformációt tartalmaz, így ezt csak a példakód futtatásához ajánljuk.

React hozzáadása egy weboldalhoz

A Reactet egy perc alatt hozzá tudod adni egy meglévő HTML weboldalhoz. Ezután fokozatosan hozzáadhatsz újabb React funkcionalitásokat, vagy egyszerűen csak egy pár dinamikus komponenst is használhatsz belőle.

Készíts egy új React alkalmazást

Ha egy új React projektbe kezdesz, egy egyszerű HTML oldal script címkékkel lehet a legjobb megoldás. Csak egy percbe telik beállítani!

Ahogy az alkalmazásod nőni kezd, elkezdhetsz gondolkodni egy integráltabb megoldásban. Többféle JavaScript eszközláncot is ajánlunk nagyobb alkalmazásokhoz. Ezek mindegyike csak kevés vagy szinte semmilyen konfigurációt nem igényel és segítségükkel teljes hozzáférést nyersz a gazdag React ökoszisztémához. Tanuld meg hogyan.

Tanuld meg a Reactet

A kezdő React programozók különféle nyelvekből és hátterekből érkeznek. Reméljük ez a rész segítségedre lesz akár az elméleti vagy a gyakorlatiasabb tanulást kedveled.

Mint az összes többi új technológiának, a Reactnek is van egy tanulási görbéje. Némi türelemmel és sok gyakorlással meg fogod tanulni.

Első példák

A React főoldala tartalmaz néhány kis példát egy valós idejű szövegszerkesztőben. Még ha nem is tudsz semmit a Reactről, próbáld megváltoztatni a kódot és figyeld meg, hogy ez hogy változtat az eredményen.

React kezdőknek

Ha úgy érzed, hogy a React dokumentáció túl nagy léptékben halad, olvasd el ezt a Tania Rascia által írt ismeretőt. Ez részletes, kezdők által is könnyen érthető módon mutatja be a legfontosabb React koncepciókat . Ha ezt elolvastad, próbálkozz újra a hivatalos dokumentációval.

React dizájnereknek

Amennyiben dizájner háttérrel rendelkezel, ez a dokumentáció egy jó kezdés lehet.

JavaScript anyagok

A React dokumentációja feltételez valamennyi meglévő JavaScript tudást. Nem kell, hogy profi legyél belőle, de nehezebb úgy megtanulni a Reactet, ha közben a JavaScriptet is az alapoktól kell megtanulnod.

Ezt a JavaScript ismertetőt ajánljuk a tudásszinted ellenőrzéséhez. Ennek az elolvasása körülbelül fél-1 órát vesz igénybe, de ezután sokkal magabiztosabban tudod majd a React tanulását elkezdeni.

Tipp

Ha bármikor elakadnál a JavaScriptben, az MDN és javascript.info weboldalak a segítségedre lehetnek. A közösségi támogatói fórumon szintén segítséget tudsz kérni.

Gyakorlati útmutató

Amennyiben inkább a gyakorlati úton való tanulást preferálod, látogass el a gyakorlati útmutatónkhoz. Ebben az útmutatóban egy tic-tac-toe játékot írunk Reactben. Lehetséges, hogy ezt legszívesebben kihagynád, ha nem szoktál játékokat írni — de mindenesetre adj ennek egy esélyt. Az útmutatóban leírt technikák alapvetőek lesznek bármely React applikációban, és ezeknek a begyakorlása által mélyebben megértheted a Reactet.

Lépésenkénti útmutató

Amennyiben inkább lépésekben tanulnád meg az elméleti anyagot, a bevezetés a főbb koncepciókba a legjobb hely a tanulást elkezdeni. Minden egyes fejezet az előző fejezetekben bevezetett koncepciókra épít, így nem fogsz semmit kihagyni a tanulás során.

Gondolkodj Reactben

Sok React felhasználó tanúskodik arról, hogy a Gondolkodj Reactben útmutató elolvasása után történt, amikor a React először “bekattant” nekik. Ez valószínűleg az egyik legrégebbi React leírás, de ma még épp ugyanannyira releváns.

Néhány ember hasznosabbnak találhatja a React könyveket vagy videó kurzusokat, mint a hivatalos dokumentációt. Fenntartunk egy listát a legnépszerűbb ajánlott forrásokról, ezek közül némelyik ingyenes is.

Magasabb szintű koncepciók

Amennyiben már megismerkedtél a főbb koncepciókkal és játszottál egy kicsit a Reacttel, lehet, hogy érdekelhetnek a magasabb szintű koncepciók is. Ez a fejezet bevezet az erőteljesebb, de kevésbé használt React funkcionalitásokba, mint a kontextus és a referenciák.

API referencia

Ez a fejezet hasznos lehet, ha egy konkrét React API-ról szeretnél többet tanulni. Például a React.Component API referencia információt nyújt a setState() működéséről, és hogy mire használhatóak a különböző életciklus metódusok.

Szójegyzék és GYIK

A szójegyzék egy lista a React dokumentáció leggyakoribb kifejezéseiről. A GYIK-ben a leggyakoribb kérdések és válaszok találhatóak, többek között hogyan csináljunk AJAX kéréseket, komponens állapot, és fájlstruktúra.

Maradj tájékozott

A React csapat közleményeinek a React blog a hivatalos forrása. Mindenféle fontos dolog, például a kiadási jegyzetek vagy elavulási tájékoztató is ide lesz először kiposztolva.

Twitteren is követheted a @reactjs felhasználót, de akkor sem maradsz le semmiről, ha csak a blogot olvasod.

Nem minden React kiadás érdemli meg a saját blog bejegyzését, de minden kiadásnak van egy saját részletes változási jegyzéke CHANGELOG.md fájl a React repóban, valamint a Kiadások oldalon.

Verzió kezelt dokumentáció

Ez a dokumentáció mindig a legújabb stabil React verziót tükrözi. A React 16 óta a régebbi verziók dokumentációi egy külön oldalon találhatóak. Megjegyzendő, hogy a régebbi verziók dokumentációs oldala csak egy pillanatnyi másolat a kiadás pillanatában, és nincs később folyamatosan frissítve.

Valami hiányzik?

Ha valami hiányzik a dokumentációból, vagy egy részt zavarosnak találsz, kérjük nyiss egy új ügyet a dokumentáció repóban a javasolt változtatásokkal, vagy küldj egy tweetet a @reactjs felhasználónak. Várjuk észrevételeidet!