Apresentado na React Conf Brasil, em São Paulo, 7 de Outubro de 2017 #reactconfbr ★ matheusml90@gmail.com ★ matheuslima.com ★ github.com/matheusml ★ medium.com/@matheusml ★ twitter.com/matheusml I will help you build high quality (and well tested) software. 6+ years building web applications: - Building large Front-end architectures - Ruby on Rails full-stack development - Javascript development and integration with APIs - Patrocínio: Pipefy, Globo.com, Meteor, Apollo, Taller, Fullcircle, Quanto, Udacity, Cubos, Segware, Entria - Apoio: Concrete, Rung, LuizaLabs, Movile, Rivendel, GreenMile, STQ, Hi Platform - Promoção: InfoQ, DevNaEstrada, CodamosClub, JS Ladies, NodeBR, Training Center, BrazilJS, Tableless, GeekHunter - Afterparty: An English Thing

1. O que tem de
Funcional no
React
Matheus Lima

9. v = f(d)

10. Mas pra entender
esse slide...

11. Precisamos
estudar a base

12. 1. Declarativo

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

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

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

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

17. 2. Isolamento

22. 3. Fluxo de dados

27. 4. Composição

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

29. composição
>
herança

31. let === code smell

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

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

35. 5. Tipos

43. 6. Funções

44. Funções puras

45. evitar side-effects

48. double(x) = x * 2

49. double(x) = Y

50. f(x) = Y

51. f(d) = Y

52. f(d) = v

53. v = f(d)

54. v = f(d)

55. @matheusml
matheuslima.com

56. 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