Základní tutoriál Reactu

Úvod Instalace Reactu Připojení pluginu react-devtools Komponentový přístup Rozložení stránky Výsledek práce komponenty

Jazyk JSX

Úvod do JSX Vrácení vnořených tagů Přesunutí tagu dolů Vrácení více tagů Vrácení neuzavřeného tagu Vrácení prázdného tagu funkcí Vložení hodnot proměnných Nuance při vkládání proměnných Vložení polí Vložení objektů Vložení do atributů Ukládání tagů v JSX Ukládání více tagů Tagy na různých řádcích Vrácení tagů Uzavřenost tagů JSX Správnost značkování Spuštění kódu JavaScript

Podmínky

Podmínky v JSX Zobrazení podle podmínky Podmínky pro vrácení tagu Ternární operátor v JSX Použití operátoru && v JSX Invertování pro zkrácené podmínky

Funkce

Používání funkcí Volání funkcí uvnitř tagů Přidávání obslužných rutin Parametry obslužných rutin Objekt Event Objekt Event při předávání parametrů

Tvorba tagů

Pole tagů Pole tagů v cyklu Tagy z pole s daty Klíče v poli Pole objektů Klíče přes id Tabulka z pole objektů

Unikátní id

Diskuse Problémy s novými id Náhodné řetězce pro id Generování id Funkce pro generování id Použití funkce id Nesprávné použití funkce

Stavy

Úvod do stavů Používání Reaktivita Logická hodnota ve stavu Počítadlo při práci se stavy

Formuláře

Práce s inputy Změna dat inputu při jejich výpisu Změna dat pomocí funkce Práce s několika inputy Zpracování dat formuláře Práce s textarea Práce s checkboxy Checkboxy a podmíněné renderování Práce se selecty Položky selectu z pole Atributy value v selectu Atributy value selectu z pole Práce s radio Výchozí hodnoty Propojení inputů s polem Propojení inputů s objektem

Data

Úvod Reaktivní přidávání do pole Reaktivní operace s poli Reaktivní přidávání do pole objektů Reaktivní operace s poli objektů Reaktivní zobrazení dat

Komponenty

Úvod do komponent Používání komponent Více instancí komponenty Props komponent Dceřiné komponenty Pole pro vytváření dceřiných komponent Dceřiné komponenty v cyklu Předávání stavů do dceřiných komponent Předávání id do komponenty Změna stavu rodiče Editace stavu rodiče Editace stavu prarodiče Režimy práce přes stavy

Koncepty

Úvod Data komponent Typy komponent Jednosměrný tok dat Zvedání stavu vzhůru Jeden zdroj pravdy

Stylování

Způsoby stylování v Reactu Globální CSS Vložení dat do atributu style z objektu Vložení dat do atributu style ze samostatného souboru Práce s CSS styly v atributu style Vložení dat do atributu style z proměnných Styled Components Props ve Styled Components Props a podmíněné vykreslování ve Styled Components Komponenty s rozšířeným stylováním Začínáme s CSS moduly Pokračování práce s CSS moduly Příkaz composes pro třídy Příkaz composes pro soubory

Projekty

Kontrolní seznam Poznámkový blok
↑
idtrcs