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!

Hooking up React

By Pepa Vidlák

Hooking up React

  • 43
Loading comments...

More from Pepa Vidlák