TDC Porto Alegre 2019 - JS Funcional com Ramda

Transcript

1. JS FUNCIONAL COM RAMDA
2. Olar! Meu nome é Ana Bastos Sou engenheira de software no Nubank e cientista da computação pela PUC-SP. 2 anabastos @naluhh @anapbastos
4. Apresentar uma nova forma de pensar em JS e uma possível ferramenta utilitária.
5. Muito tempo atrás… Que na verdade não é tanto tempo atrás assim...
6. IndexOf 2009(ES5)
7. ver se um elementos está dentro de uma lista 2009(ES5)
9. !!~arr.indexOf(x)
10. Includes 2016(ES7)
11. loops js
12. map filter reduce forEach every some find
13. ABSTRAÇÕES Provêm ferramental com melhor valor algorítmico que pode salvar linhas de código, tempo e bugs além de deixar as coisas mais legíveis.
14. HELPERS
15. ES6 ES7 ES8 ES9 ??????
16. RAMDA LODASH/FP
17. Bibliotecas pensadas para tornar mais fácil o javascript funcional
18. JS vem aos poucos adotando elementos de linguagens funcionais
19. Partial Application Pipeline operator Pattern Matching Flatmap PROPOSALS
20. RAMDA É DIFERENTE
21. DAY 0
22. Te força implementar conceitos funcionais direito de forma bonita e bem fundamentada
23. IMUTABILIDADE
24. Pequenas funções puras reusáveis com apenas uma responsabilidade
25. SÓ FUNÇÕES
27. • Lists(map, filter, reduce, contains, replace, passAll, crop, flatten, find) • Maths(inc, add, mean, sum) • String(split, replace) • Logics(equals, cond, not) • Relations(intersection, clamp, gt, lt) • Functions(curry, pipe, compose, ifElse, etc)
28. PQ PODE SER UMA BOA IDEIA?
29. Evita caca(Pureza / Mutabilidade) É mais produtivo(reuso) Ajuda a ler codigo Ajuda muito a testar Faz muito sentido no front-end
30. Lida com undefineds / nulls
31. doSomething(obj.prop)
34. O PULO DO GATO
35. CURRY
37. TODA FUNCAO UNÁRIA
38. TODAS AS FUNCÕES SÃO CURRIED
42. Aplica os parametros da esquerda pra direita quando você tem eles
43. PROPOSAL PARTIAL APPLICATION https://github.com/tc39/proposal-partial-application
45. A ordem dos argumentos são para facilitar o dado a ser operado mais na direita
47. Funções <= Dado =>
48. Cond(Pattern Matching) If () { If () { if() { if() { } } } Else { If () { } } }
49. Cond(Pattern Matching)
50. Cond(Pattern Matching)
51. PATTERN MATCHING PROPOSAL https://github.com/tc39/proposal-pattern-matching
52. Como se modela coisas?
53. PIPES
54. PIPELINE OPERATOR PROPOSAL https://github.com/tc39/proposal-pipeline-operator
55. function 1 function 2 INPUT OUTPUT OUTPUT
57. Composed Function INPUT OUTPUT
58. [5, 5, 4, 6] Média com ponto de participação deve ser maior ou igual a 5
60. POINT-FREE PROGRAMMING
63. PIPE COMPOSE
65. HOF (Recompose)
66. PIPEP / COMPOSEP
67. then(a) .then(b) .then(c) .then(d)
68. await a() await b() await c() await d()
70. BIBLIOTECA DO FUTURO DO JS
71. HIGHLIGHTS
72. Perguntei pra amigos meus o que eles usam e as respostas foram bem diferentes
73. APLICAÇÃO PARCIAL EM TESTES
74. EVOLVE APPLYSPEC DIFFERENCE UNIQ PROP
75. LENSES(Lidar com estado) MEMOIZATION(Lidar com recursão)
77. WARNINGS / APRENDIZADOS
78. • Cuidado com o RamdaScript • Legibilidade do projeto • Anti-OpenSource • Isole o RamdaFucks(ramdaUtils)
79. COOKBOOK
80. • Rambda - github.com/selfrefactor/rambda • Ramda-fantasy - github.com/ramda/ramda-fantasy • Ramda React Redux Patterns - tommmyy.github.io/ramda-react-redux-patterns/ • Thinking Ramda - randycoulman.com/blog/2016/05/24/thinking-in-ramda-gett ing-started • Ramda - Derek Stavis(Pagar.me talks) • Hey Underscore, You’re doing it wrong - Brian Lonsdorf.
81. Obrigada! anabastos @naluhh @anapbastos 81 speakerdeck.com/anabastos