TDC2018SP | Trilha JavaScript - Javascript Streams

1. Streams no
JavaScript
O que são? O que comem? Onde
Vivem?

2. $ whoami
Lucas Santos
/khaosdoctor
@_staticvoid
lsantos.me
Software Engineer
developers@squidit.com.br @khaosdoctor

3. trainingcenter.io
2018.abcdevelopers.org

4. Streams?

5. Array
1 2 3 4 5 6 7 8 9 10 11

6. Stream
234567891011 1
Em espera

7. Stream
234567891011 1
Requisitado
34567891011 2
Em espera

8. Exemplos

9. Exemplos
- Netflix
- Youtube
- Twitch
- IoT Devices
- Logs
- Steam Link
- Gulp

10. Vantagens
Não é só porque é legal
Velocidade
Eficiência

11. Implementações

12. Implementações
- Node.js (https://nodejs.org/api/stream.html)
- Bacon.js (https://baconjs.github.io/)
- RxJS (https://rxjs-dev.firebaseapp.com/)
- Vanilla JS - Experimental (https://mzl.la/2zlQKkH)

13. Tipos de Streams

14. Readable Stream

15. Streams somente de leitura
Stream Leitor

16. Writable Stream

17. Streams somente de escrita
Stream Dados

18. Outros exemplos

19. Duplex Streams
Tudo junto

20. Streams de leitura e escrita
Stream Dados

21. Transform Streams
Para quando não é o que queremos

22. Stream de transformação
TransformStream
Dados Dados Modificados

23. Demo

24. Streams podem conter qualquer coisa
- Eventos
- Texto
- Números
- Bits
- Booleans

25. O que a gente pode fazer?

26. Pipe
Stream Stream Leitor
Pipe

27. Demo

28. Tee
Stream Tee
Stream
Stream

29. Demo

30. Map

31. Demo

32. Filter

33. Demo

34. Scan

35. Demo

36. Skip

37. Demo

38. Take

39. Demo

40. Debounce

41. Demo

42. Debounce Immediate

43. Demo

44. Merge

45. Demo

46. Outros exemplos

47. <refs>
- bit.ly/sobre-baconjs
- bit.ly/sobre-debounce
- bit.ly/imasters-streams
- bit.ly/streams-node-medium
- mzl.la/mdn-streams
- bit.ly/guia-rapido-streams
- bit.ly/graficos-streams
- bit.ly/mdn-exemplos
- github.com/khaosdoctor/palestra-streams

48. /khaosdoctor @_staticvoidlsantos.me @khaosdoctor