7MASTERS Programação Funcional - Javascript Funcional Com Ramda

1. ANA LUIZA BASTOS github.com/anabastos @naluhh @anapbastos Software Developer na Quanto e cientista da computação na PUC-SP anabastos.me
2. JAVASCRIPT FUNCIONAL COM RAMDA
3. JS pode ser usado como uma linguagem funcional?
4. Javascript tem funções de primeira ordem (HOF)
5. Quando falamos de funcional nessas linguagens falamos de “Mantenabilidade” “Menos bugs” “Declaratividade”
6. JS vem aos poucos adotando elementos de linguagens funcionais
7. PROPOSALS
8. Flatmap Partial Application Pipeline operator Pattern Matching
9. RAMDA
10. Biblioteca que foi pensada para tornar mais fácil o javascript funcional
11. • 100% imutável • ganho em performance • legibilidade • point-free / tacit programming
12. • Lists(map, filter, reduce, contains, replace, passAll, crop, flatten, find) • Maths(inc, add, mean, sum) • String(split, replace) • Logics(equals, cond, not) • Relation(intersection, clamp, gt, lt) • Functions(curry, pipe, compose, ifElse, etc)
13. TODAS AS FUNÇÕES SÃO CURRIED
14. const add = (x, y) => x + y add(1, 2); // 3 add(1) // Error
15. const add = x => y => x + y add(1, 2); // 3 add(1) // Function
16. R.add(1, 2); // 3 R.add(1) // Function
17. CURRY (PROPOSAL PARTIAL APPLICATION)
18. const curryAdd = R.curry((x, y) => x + y)) curryAdd(1, 2); // 3 curryAdd(1)(2); // 3
19. PIPE / COMPOSE (PROPOSAL PIPELINE OPERATOR)
20. PIPE / COMPOSE: compõe funções de forma sequencial function1 function2 INPUT OUTPUT
21. EXEMPLINHO
22. Happy Hour: • Soma o consumido • Adiciona os 10% • Divide entre os colegas
23. const conta = [9, 9, 9, 9, 15]
24. const divideConta = R.pipe( R.sum, // 51 R.mul(1.1), // 56,1 R.divide(6) // 9,35 ) divideConta(conta)
25. PIPE COMPOSE
26. const ListOfItems = R.compose( Box, List, ListItems )([{...}, {...}, {...}])
27. PIPEP / COMPOSEP
28. then().then().then().then()
29. const asyncStuff = R.pipeP( getId, getUserById, asyncStuff ) // Promise
30. IFELSE (maybe monad)
31. const findName = R.ifElse( R.has('name'), R.prop('name'), R.always('no name'), )({ id: 123, name: “ana”}) // “ana”
32. FLATTER (PROPOSAL FLATMAP)
33. R.flatten([1, 2, [3, 4], 5, [6, [7, 8, [9, 12]]]]); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]
34. DATA HANDLING
35. EVOLVE
36. { name: “Ana” email: “HELLO@ANABASTOS.ME”, phone: “11 98698-3010”, address: “rua da aparecida 304 apt34 ”, }
37. R.evolve({ email: R.toLower, phone: R.replace(‘-’, ‘’), })(data) // { // name: “Ana” // email: “hello@anabastos.me”, // phone: “11 9869983010” // address: ... // }
38. APPLY SPEC
39. const createObj = R.applySpec({ counter: R.inc, userData: { phone: R.trim}, }) createObj(0, “ 98499-1900”) // {1, userData{ phone: “9849919000”}}
40. TryCatch Cond Memoization Lenses
41. BOM TOOLBOX
42. COOKBOOK
43. • Rambda - github.com/selfrefactor/rambda • Ramda-fantasy - github.com/ramda/ramda-fantasy • Thinking Ramda - randycoulman.com/blog/2016/05/24/thinking-in-ramda-getting -started • Ramda - Derek Stavis(Pagar.me talks)
44. OBRIGADA :) speakerdeck.com/anabastos anabastos.me github.com/anabastos @naluhh @anapbastos