Základný tutoriál React
Úvod
Inštalácia Reactu
Pripojenie pluginu react-devtools
Komponentový prístup
Rozloženie stránky
Výsledok práce komponentu
Jazyk JSX
Úvod do JSX
Vrátenie vnorených tagov
Presun tagu nadol
Vrátenie viacerých tagov
Vrátenie neuzavretého tagu
Vrátenie prázdneho tagu funkciou
Vloženie hodnôt premenných
Nuansy pri vkladaní premenných
Vkladanie polí
Vkladanie objektov
Vkladanie do atribútov
Ukladanie tagov v JSX
Ukladanie viacerých tagov
Tagy na rôznych riadkoch
Vrátenie tagov
Uzavretosť tagov JSX
Korektnosť verstva
Vykonávanie kódu JavaScript
Podmienky
Podmienky v JSX
Zobrazenie podľa podmienky
Podmienky pre vrátenie tagu
Ternárny operátor v JSX
Použitie operátora && v JSX
Invertovanie pre skrátené podmienky
Funkcie
Používanie funkcií
Volanie funkcií vnútri tagov
Nastavovanie obslužných rutín
Parametre obslužných rutín
Objekt Event
Objekt Event pri predávaní parametrov
Tvorba tagov
Pole tagov
Pole tagov v cykle
Tagy z poľa s údajmi
Kľúče v poli
Pole objektov
Kľúče cez id
Tabuľka z poľa objektov
Unikátne id
Diskusia
Problémy s novými id
Náhodné reťazce pre id
Generovanie id
Funkcia pre generovanie id
Používanie funkcie id
Nesprávne používanie funkcie
Stavy
Formuláre
Práca so vstupmi
Zmena údajov vstupu pri ich výpise
Zmena údajov pomocou funkcie
Práca s viacerými vstupmi
Spracovanie údajov formulára
Práca s textarea
Práca s zaškrtávacími políčkami
Zaškrtávacie políčka a podmienené vykreslovanie
Práca s výbermi
Položky výberu z poľa
Atribúty value vo výbere
Atribúty value výberu z poľa
Práca s radio
Predvolené hodnoty
Prepojenie vstupov s polom
Prepojenie vstupov s objektom
Dáta
Úvod
Reaktívne pridávanie do poľa
Reaktívne operácie s poliami
Reaktívne pridávanie do poľa objektov
Reaktívne operácie s poliami objektov
Reaktívne zobrazovanie dát
Komponenty
Úvod do komponentov
Používanie komponentov
Viacero inštancií komponentu
Props komponentov
Podriadené komponenty
Pole na vytvorenie podriadených komponentov
Podriadené komponenty v cykle
Odovzdávanie stavov do podriadených komponentov
Odovzdávanie id do komponentu
Zmena stavu rodiča
Editácia stavu rodiča
Editácia stavu prarodiča
Režimy práce cez stavy
Koncepty
Stylizácia
Spôsoby stylizácie v Reacte
Globálny CSS
Vloženie údajov do atribútu style z objektu
Vloženie údajov do atribútu style z samostatného súboru
Práca s CSS štýlmi v atribúte style
Vloženie údajov do atribútu style z premenných
Styled Components
Props v Styled Components
Props a podmienené vykreslovanie v Styled Components
Komponenty s rozšírenou stylizáciou
Začíname s CSS modulmi
Pokračovanie práce s CSS modulmi
Príkaz composes pre triedy
Príkaz composes pre súbory