Hooking up
React
powered by
slides.com/pepavidlak/deck/live
Q:
sli.do
#9574
#Me
React + Redux
Classes
Functional Programming
Nový věci
Pepa Vidlák
Javascript
2 roky
Qest
měsíc
Dan knows best
Dan Abramov představuje Hooky
25 - 26 října
kolekce čítá 103 hooků
20 listopadu
Calm down!
Je to pouze proposal
Je to pouze alpha
Nepoužívejte v produkci
Naprosto dobrovolné
100% zpětná kompatibilita
Nejsou plány na odstranění class z reactu
Co jsou to vůbec hooky?
funkce
Hook je funkce, která nám umožňuje napojit se na React features
Tady je hook
Na zbytek už přijdete sami
2) Hooky musí být deklarovány na začátku komponenty
Pravidla Hookclubu
1) Mluvíme o Hookclubu
3) Žádné for cykly, podmínky, vnořené funkce
4) Volat hooky pouze z react komponent a custom hooků
Custom hook?
Funkce, která může volat další react hooky
Jedná se o mocný koncept
A není to málo, Antone Pavloviči?
useState
useContext
useEffect
this.setState
context api
componentDidMount
componentDidUnmount
componentDidUpdate
useReducer
useMemo
redux v reactu
memoizace hodnot
useCallback
&&
Boilerplate redukce
React Redux
v6-experiment-hooks
Demo
Shrnutí
Hooky umožnují statefull funkcionální komponenty
Všechno co víte platí dál
Nepanikařit
Je potřeba dodržovat pár jednoduchých pravidel
Na všechno co si usmyslíte už je pravděpodobně hook
Díky!
