К содержанию

Alap React oktatóanyag

Oktatóanyag a React JavaScript keretrendszerhez. Kezdőknek. Sok elmélet és feladat.

Уроки

Bevezetés a React keretrendszerbe

A React keretrendszer telepítése

A react-devtools bővítmény telepítése

Bevezetés a komponensalapú megközelítésbe Reactban

A React keretrendszer weboldal elrendezése

A komponens működésének eredménye

A JSX nyelv

Bevezetés a JSX nyelvbe a Reactben

Beágyazott JSX elemek visszaadása függvényekkel

A függvény visszatérési szabályai a címke lehozásakor a JSX-ben

Több JSX tag visszaadásának sajátosságai

JSX nyitott címke visszaadása

Üres JSX tag visszaadása függvény által

Változók és konstansok értékeinek beillesztése JSX-ben

A változók értékeinek beillesztésének finomságai

Tömbök beszúrása JSX-ben

Objektumok beillesztése JSX-ben

Változók és konstansok beszúrása címkék attribútumaiba JSX-ben

Címkék tárolása változókban és JSX konstansokban

A több HTML tag JSX konstansban történő tárolásának sajátosságai

Címkék különböző sorokban JSX-ben

Címkék visszaadása return-nel JSX-ben

JSX címkék lezárása

A Reactben történő kódolás helyessége

JavaScript kód végrehajtása

Feltételek

Feltételek alkalmazása JSX-ben

Feltételes megjelenítés Reactben

Feltételek a JSX tag visszaadásához

A ternáris operátor a JSX-ben

Az && operátor használata JSX-ben

Rövidített feltételek invertálása JSX-ben

Funkciók

Függvények használata Reactban

Függvényhívások a React tag-ekben

Események hozzárendelése JSX-ben

Paraméterek a JSX függvényben

Az Event objektum Reactben

Event objektum paraméterek átadásakor

Elemek létrehozása

Címkék a JSX tömbökben

Címkétömb létrehozása ciklusban Reactben

Adatok tömbjéből elemek generálása Reactban

Egyedi kulcsok tömb elemeiben a Reactban

Objektumtömb kiírása Reactben

Egyedi kulcsok id alapján Reactben

Objektumok tömbjének megjelenítése HTML táblázatként Reactban

Egyedi azonosítók

Egyedi azonosítók megvitatása Reactben

Új id-k problémái Reactben

Véletlenszerű sztringek azonosítókhoz Reactban

Az id generálása Reactban

Funkció az id generálásához Reactben

Az id függvény használata Reactben

A React id függvény helytelen használata

Állapotok

Bevezetés a React állapotaiba

Állapotok használata Reactban

Reaktivitás az állapotokban Reactben

Logikai érték az állapotban Reactben

Állapotokon alapuló számláló Reactban

Űrlapok

Bemenetek kezelése Reactben

Bemeneti adatok módosítása megjelenítéskor Reactben

Adatok módosítása függvénnyel Reactben

Több input kezelése Reactban

Adatfeldolgozás űrlapon gombnyomásra Reactben

Textarea kezelése Reactben

A checkbox kezelése Reactben

Jelölőnégyzetek és feltételes renderelés Reactban

A select használata Reactben

A kiválasztó elemek tömbjéből Reactban

A value attribútumok a select elemben Reactben

A value attribútumok és a select tömbökből Reactban

Radio gombok kezelése Reactban

Alapértelmezett értékek a Reactban

Bemenetek kötése tömbhöz Reactben

Bemenetek kötése objektumhoz Reactben

Adatok

Adatreaktivitás a Reactben

Reaktív hozzáadás a tömbhöz Reactben

Tömbök reaktív műveletei Reactben

Reaktív hozzáadás objektumok tömbjéhez Reactben

Objektumtömbök reaktív műveletei Reactben

Reaktív adatmegjelenítés Reactben

Komponensek

Bevezetés a React komponensekbe

Komponensek használata Reactben

Több komponens példány a React-ban

Komponens props-ok a React-ben

Gyermek komponensek létrehozása Reactban

Tömb a gyermek komponensek létrehozásához Reactban

Gyermek komponensek ciklusban Reactben

Állapotok átadása gyermek komponenseknek a React-ban

Az id átadása egy komponensben a Reactban

Szülő állapotának megváltoztatása gyermek komponensben Reactban

Szülő állapotának szerkesztése gyermek komponensben Reactban

Állapot szerkesztése unoka komponensben Reactben

Működési módok az utód komponensek állapotain keresztül a Reactban

Alapfogalmak

A React komponensekkel való munka főbb koncepciói

A komponens adatai a Reactben

Komponenstípusok a React-ben

Egyirányú adatfolyam a Reactban

Állapot felemelés a Reactban

Az egyetlen igazságforrás Reactben

Stílusok

A React komponensek stílusának módjai

Globális CSS használata stílusozáskor Reactben

Adatok beszúrása a style attribútumba objektumból Reactben

Adatok beszúrása a style attribútumba különálló fájlból Reactben

CSS stílusok kezelése a style attribútumban Reactben

Adatok beillesztése a style attribútumba változókból Reactban

Stílusok alkalmazása Styled Components segítségével Reactban

A Prop-ok használata Styled Components-sel Reactben

A prop-ok használata feltételes renderelésben Styled Components segítségével Reactben

Komponensek speciális stílusozása Reactban

A CSS modulok stílusozásának megkezdése Reactben

A CSS modulokkal való stílusos tanulás folytatása Reactben

A composes parancs CSS modulokban lévő osztályokhoz Reactben

A composes parancs CSS modulok fájljaiban Reactben

Projektek

Checklist projekt Reactben

Jegyzetfüzet projekt Reactben