- JS knihovna pro uživatelská rozhraní
- components – základem je skladba z komponent
- parametry komponenty se nazývají props (properties)
- co má zobrazit je v render metodě (obsahuje popis toho, co má být vidět na obrazovce) – vrací React elementy
- většina vývojářů používa JSX
- controlled components – komponenty, které jsou pod plnou kontrolou předka
- state – používá se k zapamatování věcí
- k inizializace se používá konstruktor (u třídy, která rozšiřuje jinou, zde musí být vždy super(props); – aby mohla předat)
- pokud se zavolá setState v komponentě – React automaticky aktualizuje i komponenty její potomků uvnitř
- sbírání dat z více komponent nebo komunikace mezi nimi – je potřeba deklarovat sdílení stav v rodičovské komponentě – ta dokáže posílat stav zpátky k potomkům => udržuje synchronizaci potomků a rodičovských komponent
- props
- metody lze nazvat libovolně, ale v Reactu jsou zvykem tyto jmenné konvence
- on[Event] – název pro vlastnosti reprezentující události
- handle[Event] – název pro metody, které zpracovávají události
- metody lze nazvat libovolně, ale v Reactu jsou zvykem tyto jmenné konvence
- neměnnost je důležitá – 2 přístupy ke změně data
- změnit přímo hodnoty dat
- přepsat stará data novou kopií s požadovanými změnami – výhody
- stará data lze použít (např. krok zpět)
- sledování změn
- pure components (specialita Reactu) – sledování změn v datech kvůli určení, zda se má komponenta znovu renderovat
- funkční komponenty
- pouze render metoda
- nemají vlastní state, pouze props
- nerozšiřují React.Component
- nepoužívá se this
Čerpáno z tutoriálu na ReactJS.org + se bude hodit i dokumentace k JavaScriptu.