К содержанию

Základný tutoriál React

Tutoriál k JavaScriptovému frameworku React. Pre začiatočníkov. Veľa teórie a úloh.

Уроки

Úvod do frameworku React

Inštalácia frameworku React

Pripojenie zásuvného modulu react-devtools

Úvod do komponentového prístupu v React

Layout webstránky frameworku React

Výsledok práce komponentu

Jazyk JSX

Úvod do jazyka JSX v Reacte

Návrat vnorených JSX tagov funkciami

Pravidlá pre návrat funkcie pri presune tagu nadol v JSX

Špecifiká vrátenia viacerých tagov v JSX

Návrat neuzavretého JSX tagu

Vrátenie prázdneho tagu funkciou v JSX

Vkladanie hodnôt premenných a konštánt do JSX

Nuansy pri vkladaní hodnôt premenných

Vkladanie polí v JSX

Vkladanie objektov do JSX

Vkladanie premenných a konštánt do atribútov tagov v JSX

Ukladanie tagov v premenných a konštantách JSX

Špecifiká ukladania viacerých tagov v konštantách JSX

Tagy na rôznych riadkoch v JSX

Vrátenie tagov cez return v JSX

Uzavretie tagov JSX

Korektnosť verstva v React

Vykonávanie kódu JavaScript

Podmienky

Používanie podmienok v JSX

Zobrazenie podľa podmienky v React

Podmienky pre vrátenie tagu v JSX

Ternárny operátor v JSX

Použitie operátora && v JSX

Invertovanie pre skrátené podmienky v JSX

Funkcie

Používanie funkcií v Reacte

Volanie funkcií vo vnútri tagov v React

Pridávanie udalostí v JSX

Parametre vo funkcii JSX

Objekt Event v Reacte

Objekt Event pri prenose parametrov

Tvorba tagov

Značky v poliach JSX

Tvorba poľa tagov v cykle React

Tvorba elementov z poľa dát v Reacte

Unikátne kľúče v poli tagov v React

Výpis poľa objektov v Reacte

Unikátne kľúče pomocou id v React

Výpis poľa objektov vo forme HTML tabuľky v Reacte

Unikátne id

Diskusia o unikátnych id v React

Problémy s novými id v Reacte

Náhodné reťazce pre id v React

Generovanie id v Reacte

Funkcia pre generovanie id v React

Použitie funkcie id v React

Nesprávne použitie funkcie id v Reacte

Stavy

Úvod do stavov v React

Používanie stavov v React

Reaktivita stavov v React

Logická hodnota v stave v React

Počítadlo so stavmi v React

Formuláre

Práca so vstupmi v React

Zmena dát vstupu pri ich výpise v Reacte

Zmena dát pomocou funkcie v React

Práca s viacerými vstupmi v React

Spracovanie údajov formulára kliknutím na tlačidlo v Reacte

Práca s textarea v Reacte

Práca s checkbox v React

Začiarkavacie políčka a podmienené vykresľovanie v Reacte

Práca s select v React

Položky selectu z poľa v Reacte

Atribúty value v selecte v React

Atribúty value selectu z poľa v Reacte

Práca s radio v React

Predvolené hodnoty v React

Prepojenie vstupov s poľom v Reacte

Prepojenie inputov s objektom v React

Dáta

Reaktivita dát v Reacte

Reaktívne pridávanie do poľa v React

Reaktívne operácie nad poliami v React

Reaktívne pridávanie do poľa objektov v React

Reaktívne operácie nad poliami objektov v React

Reaktívne zobrazovanie údajov v React

Komponenty

Úvod do komponentov React

Používanie komponentov v Reacte

Viacero inštancií komponentu v React

Props komponentov v React

Vytváranie podradených komponentov v React

Pole pre vytváranie podriadených komponentov v React

Podradené komponenty v cykle React

Prenos stavov do podriadených komponentov v React

Predávanie id do komponentu v React

Zmena stavu rodiča v dcérskom komponente v React

Editácia stavu rodiča v podradenej komponente v React

Editácia stavu vo vnútenom komponente v React

Režimy práce prostredníctvom stavov podradených komponentov v Reacte

Koncepty

Koncepty React pri práci s komponentmi

Dáta komponentov v React

Typy komponentov v Reacte

Jednosmerný tok dát v Reacte

Pozdvihovanie stavu v React

Jeden zdroj pravdy v React

Stylizácia

Spôsoby štýlovania React komponentov

Použitie globálneho CSS pri štýľovaní v Reacte

Vkladanie dát do atribútu style z objektu v React

Vloženie dát do atribútu style zo samostatného súboru v Reacte

Práca s CSS štýlmi v atribúte style v Reacte

Vkladanie dát do atribútu style z premenných v React

Stylovanie pomocou Styled Components v React

Používanie props s Styled Components v Reacte

Používanie props pri podmienenom renderovaní so Styled Components v Reacte

Rozšírené štýlovanie komponentov v React

Začíname so štúdiom styling s CSS modules v React

Pokračovanie v štúdiu styling s CSS modules React

Príkaz composes pre triedy v CSS moduloch v React

Príkaz composes pre súbory v CSS modules v React

Projekty

Checklist Projekt v React

Projekt Notes v React