TDC Porto Alegre 2019 - JS Funcional com Ramda

Transcript

1. 1.

   JS FUNCIONAL COM RAMDA

2. 2.

   Olar! Meu nome é Ana Bastos Sou engenheira de software

   no Nubank e cientista da computação pela PUC-SP. 2 anabastos @naluhh @anapbastos
3. 3.

   3

4. 4.

   Apresentar uma nova forma de pensar em JS e uma

   possível ferramenta utilitária.
5. 5.

   Muito tempo atrás… Que na verdade não é tanto tempo

   atrás assim...
6. 6.

   IndexOf 2009(ES5)

7. 7.

   ver se um elementos está dentro de uma lista 2009(ES5)

8. 8.

   None
9. 9.

   !!~arr.indexOf(x)

10. 10.

    Includes 2016(ES7)

11. 11.

    loops js

12. 12.

    map filter reduce forEach every some find

13. 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. 14.

    HELPERS

15. 15.

    ES6 ES7 ES8 ES9 ??????

16. 16.

    RAMDA LODASH/FP

17. 17.

    Bibliotecas pensadas para tornar mais fácil o javascript funcional

18. 18.

    JS vem aos poucos adotando elementos de linguagens funcionais

19. 19.

    Partial Application Pipeline operator Pattern Matching Flatmap PROPOSALS

20. 20.

    RAMDA É DIFERENTE

21. 21.

    DAY 0

22. 22.

    Te força implementar conceitos funcionais direito de forma bonita e

    bem fundamentada
23. 23.

    IMUTABILIDADE

24. 24.

    Pequenas funções puras reusáveis com apenas uma responsabilidade

25. 25.

    SÓ FUNÇÕES

26. 26.

    None
27. 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. 28.

    PQ PODE SER UMA BOA IDEIA?

29. 29.

    Evita caca(Pureza / Mutabilidade) É mais produtivo(reuso) Ajuda a ler

    codigo Ajuda muito a testar Faz muito sentido no front-end
30. 30.

    Lida com undefineds / nulls

31. 31.

    doSomething(obj.prop)

32. 32.

    None
33. 33.

    None
34. 34.

    O PULO DO GATO

35. 35.

    CURRY

36. 36.

    None
37. 37.

    TODA FUNCAO UNÁRIA

38. 38.

    TODAS AS FUNCÕES SÃO CURRIED

39. 39.

    None
40. 40.

    None
41. 41.

    None
42. 42.

    Aplica os parametros da esquerda pra direita quando você tem

    eles
43. 43.

    PROPOSAL PARTIAL APPLICATION https://github.com/tc39/proposal-partial-application

44. 44.

    None
45. 45.

    A ordem dos argumentos são para facilitar o dado a

    ser operado mais na direita
46. 46.

    None
47. 47.

    Funções <= Dado =>

48. 48.

    Cond(Pattern Matching) If () { If () { if() {

    if() { } } } Else { If () { } } }
49. 49.

    Cond(Pattern Matching)

50. 50.

    Cond(Pattern Matching)

51. 51.

    PATTERN MATCHING PROPOSAL https://github.com/tc39/proposal-pattern-matching

52. 52.

    Como se modela coisas?

53. 53.

    PIPES

54. 54.

    PIPELINE OPERATOR PROPOSAL https://github.com/tc39/proposal-pipeline-operator

55. 55.

    function 1 function 2 INPUT OUTPUT OUTPUT

56. 56.

    None
57. 57.

    Composed Function INPUT OUTPUT

58. 58.

    [5, 5, 4, 6] Média com ponto de participação deve

    ser maior ou igual a 5
59. 59.

    None
60. 60.

    POINT-FREE PROGRAMMING

61. 61.

    None
62. 62.

    None
63. 63.

    PIPE COMPOSE

64. 64.

    None
65. 65.

    HOF (Recompose)

66. 66.

    PIPEP / COMPOSEP

67. 67.

    then(a) .then(b) .then(c) .then(d)

68. 68.

    await a() await b() await c() await d()

69. 69.

    None
70. 70.

    BIBLIOTECA DO FUTURO DO JS

71. 71.

    HIGHLIGHTS

72. 72.

    Perguntei pra amigos meus o que eles usam e as

    respostas foram bem diferentes
73. 73.

    APLICAÇÃO PARCIAL EM TESTES

74. 74.

    EVOLVE APPLYSPEC DIFFERENCE UNIQ PROP

75. 75.

    LENSES(Lidar com estado) MEMOIZATION(Lidar com recursão)

76. 76.

    None
77. 77.

    WARNINGS / APRENDIZADOS

78. 78.

    • Cuidado com o RamdaScript • Legibilidade do projeto •

    Anti-OpenSource • Isole o RamdaFucks(ramdaUtils)
79. 79.

    COOKBOOK

80. 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. 81.

    Obrigada! anabastos @naluhh @anapbastos 81 speakerdeck.com/anabastos