Alap React oktatóanyag
Bevezetés
A React telepítése
A react-devtools plugin csatlakoztatása
Komponens alapú megközelítés
Weboldal elrendezése
A komponens munkájának eredménye
A JSX nyelv
Bevezetés a JSX-be
Beágyazott tag-ek visszaadása
Tag letörése
Több tag visszaadása
Nem lezárt tag visszaadása
Üres tag visszaadása függvénnyel
Változók értékeinek beszúrása
Arculcsípések a változók beszúrásakor
Tömbök beszúrása
Objektumok beszúrása
Beszúrás attribútumokba
Tag-ek tárolása JSX-ben
Több tag tárolása
Tag-ek különböző sorokban
Tag-ek visszaadása
JSX tag-ek lezártsága
A megjelenés helyessége
JavaScript kód végrehajtása
Feltételek
Feltételek a JSX-ben
Megjelenítés feltétel alapján
Feltétel a tag visszaadásához
Feltételes (ternáris) operátor a JSX-ben
Az && operátor használata a JSX-ben
Invertálás rövidített feltételekhez
Funkciók
Funkciók használata
Funkciók hívása címkékben
Eseménykezelők hozzárendelése
Eseménykezelők paraméterei
Event objektum
Event objektum paraméterek átadásakor
Elemek létrehozása
Elemek tömbje
Elemek tömbje ciklusban
Elemek adattömbből
Kulcsok a tömbben
Objektumok tömbje
Kulcsok id segítségével
Táblázat objektumok tömbből
Egyedi azonosítók
Bemutatás
Problémák az új azonosítókkal
Véletlenszerű sztringek azonosítókhoz
Azonosító generálás
Függvény azonosító generálásához
Az id függvény használata
A függvény helytelen használata
Állapotok
Bevezetés az állapotok használatába
Használat
Reaktivitás
Logikai érték az állapotban
Számláló állapotok használatakor
Űrlapok
Bevitel mezőkkel való munka
Bevitel mező adatainak módosítása a megjelenítéskor
Adatok módosítása függvény segítségével
Több beviteli mezővel való munka
Űrlap adatok feldolgozása
Szövegterülettel való munka
Jelölőnégyzetekkel való munka
Jelölőnégyzetek és feltételes renderelés
Legördülő listákkal való munka
Legördülő lista elemek tömbből
Value attribútumok a legördülő listában
Legördülő lista value attribútumai tömbből
Választógombokkal való munka
Alapértelmezett értékek
Beviteli mezők kötése tömbhöz
Beviteli mezők kötése objektumhoz
Adatok
Bevezetés
Reaktív hozzáadás a tömbhöz
Reaktív tömbműveletek
Reaktív hozzáadás az objektumtömbbőz
Reaktív műveletek objektumtömbökkel
Adatok reaktív megjelenítése
Komponensek
Bevezetés a komponensekbe
Komponensek használata
Több komponens példány
Komponens props-ok
Gyermek komponensek
Tömb a gyermek komponensek létrehozásához
Gyermek komponensek ciklusban
Állapotok átadása gyermek komponenseknek
Id átadása komponensnek
Szülő állapotának módosítása
Szülő állapotának szerkesztése
Nagy szülő állapotának szerkesztése
Működési módok állapotokon keresztül
Alapfogalmak
Bevezetés
Komponens adatok
Komponenstípusok
Egyirányú adatfolyam
Állapot felemelése
Egy igazság forrása
Stílusok
Stílusozási módok Reactben
Globális CSS
Adatok beszúrása a style attribútumba objektumból
Adatok beszúrása a style attribútumba külön fájlból
CSS stílusok kezelése a style attribútumban
Adatok beszúrása a style attribútumba változókból
Styled Components
Props-ok a Styled Componentsben
Props-ok és feltételes renderelés a Styled Componentsben
Kiterjesztett stílusú komponensek
CSS modules használatának elkezdése
CSS modules használatának folytatása
A composes parancs osztályokhoz
A composes parancs fájlokhoz
