Matheus Lima - O que tem de funcional no React

56
O que tem de Funcional no React Matheus Lima

Transcript of Matheus Lima - O que tem de funcional no React

Page 1: Matheus Lima - O que tem de funcional no React

O que tem de Funcional no ReactMatheus Lima

Page 2: Matheus Lima - O que tem de funcional no React
Page 3: Matheus Lima - O que tem de funcional no React
Page 4: Matheus Lima - O que tem de funcional no React
Page 5: Matheus Lima - O que tem de funcional no React
Page 6: Matheus Lima - O que tem de funcional no React
Page 7: Matheus Lima - O que tem de funcional no React
Page 8: Matheus Lima - O que tem de funcional no React
Page 9: Matheus Lima - O que tem de funcional no React

v = f(d)

Page 10: Matheus Lima - O que tem de funcional no React

Mas pra entender esse slide...

Page 11: Matheus Lima - O que tem de funcional no React

Precisamos estudar a base

Page 12: Matheus Lima - O que tem de funcional no React

1. Declarativo

Page 13: Matheus Lima - O que tem de funcional no React

https://tylermcginnis.com/imperative-vs-declarative-programming

Page 14: Matheus Lima - O que tem de funcional no React

https://tylermcginnis.com/imperative-vs-declarative-programming

Page 15: Matheus Lima - O que tem de funcional no React

https://tylermcginnis.com/imperative-vs-declarative-programming

Page 16: Matheus Lima - O que tem de funcional no React

https://tylermcginnis.com/imperative-vs-declarative-programming

Page 17: Matheus Lima - O que tem de funcional no React

2. Isolamento

Page 18: Matheus Lima - O que tem de funcional no React
Page 19: Matheus Lima - O que tem de funcional no React
Page 20: Matheus Lima - O que tem de funcional no React
Page 21: Matheus Lima - O que tem de funcional no React
Page 22: Matheus Lima - O que tem de funcional no React

3. Fluxo de dados

Page 23: Matheus Lima - O que tem de funcional no React
Page 24: Matheus Lima - O que tem de funcional no React
Page 25: Matheus Lima - O que tem de funcional no React
Page 26: Matheus Lima - O que tem de funcional no React
Page 27: Matheus Lima - O que tem de funcional no React

4. Composição

Page 28: Matheus Lima - O que tem de funcional no React

https://www.youtube.com/watch?v=wfMtDGfHWpA

Page 29: Matheus Lima - O que tem de funcional no React

composição >

herança

Page 30: Matheus Lima - O que tem de funcional no React
Page 31: Matheus Lima - O que tem de funcional no React

let === code smell

Page 32: Matheus Lima - O que tem de funcional no React
Page 33: Matheus Lima - O que tem de funcional no React

https://github.com/krasimir/react-in-patterns/tree/master/patterns/composition

Page 34: Matheus Lima - O que tem de funcional no React

https://github.com/krasimir/react-in-patterns/tree/master/patterns/composition

Page 35: Matheus Lima - O que tem de funcional no React

5. Tipos

Page 36: Matheus Lima - O que tem de funcional no React
Page 37: Matheus Lima - O que tem de funcional no React
Page 38: Matheus Lima - O que tem de funcional no React
Page 39: Matheus Lima - O que tem de funcional no React
Page 40: Matheus Lima - O que tem de funcional no React
Page 41: Matheus Lima - O que tem de funcional no React
Page 42: Matheus Lima - O que tem de funcional no React
Page 43: Matheus Lima - O que tem de funcional no React

6. Funções

Page 44: Matheus Lima - O que tem de funcional no React

Funções puras

Page 45: Matheus Lima - O que tem de funcional no React

evitar side-effects

Page 46: Matheus Lima - O que tem de funcional no React
Page 47: Matheus Lima - O que tem de funcional no React
Page 48: Matheus Lima - O que tem de funcional no React

double(x) = x * 2

Page 49: Matheus Lima - O que tem de funcional no React

double(x) = Y

Page 50: Matheus Lima - O que tem de funcional no React

f(x) = Y

Page 51: Matheus Lima - O que tem de funcional no React

f(d) = Y

Page 52: Matheus Lima - O que tem de funcional no React

f(d) = v

Page 53: Matheus Lima - O que tem de funcional no React

v = f(d)

Page 54: Matheus Lima - O que tem de funcional no React

v = f(d)

Page 55: Matheus Lima - O que tem de funcional no React

@matheusml matheuslima.com

Page 56: Matheus Lima - O que tem de funcional no React

Centro

Av. Presidente Wilson,

231 - 29º andar

(21) 2240-2030

Cidade Monções

Av. Nações Unidas,

11.541 - 3º andar

(11) 4119-0449

Savassi

Av. Getúlio Vargas, 671

Sala 800 - 8º andar

(31) 3360-8900

www.concrete.com.br