Erick Wendel discute programação reativa no backend usando Node.js, Observables e RxJS. Ele explica o padrão Observer e como ele é usado no RxJS para criar fluxos de dados assíncronos e reativos. Ele também apresenta um estudo de caso sobre como usar o padrão Observer em uma loja online para notificar clientes sobre novos produtos.

1. ERICKWENDEL
INDEPENDENTSOFTWARECONSULTANT
@ERICKWENDEL_|@ERICKWENDEL
NODE.JS, OBSERVABLES E RXJS
PROGRAMAÇÃO REATIVA NO
BACKEND!

6. @erickwendel_
Reactive Programming === Front End
@erickwendel_

7. @erickwendel_
RxJS === AngularJS

8. @erickwendel_
Observables only Javascript

9. !(SIM)

10. !(SIM)

11. O PADRÃO OBSERVER

12. O PADRÃO OBSERVER

13. #NERDZAO
OBSERVER PATTERN

14. ▪ Um objeto subject mantem uma lista de seus
dependentes (observers)
#NERDZAO
OBSERVER PATTERN

15. ▪ Um objeto subject mantem uma lista de seus
dependentes (observers)
#NERDZAO
▪ Quando um subject muda de estado, todos os observers
registrados são notificados e atualizados
automaticamente
OBSERVER PATTERN

16. ▪ Um objeto subject mantem uma lista de seus
dependentes (observers)
#NERDZAO
▪ Quando um subject muda de estado, todos os observers
registrados são notificados e atualizados
automaticamente
OBSERVER PATTERN
▪ Pub/Sub (Publisher/Subscriber) é um outro apelido para o
Observer Pattern usado para comunicação entre serviços

17. @erickwendel_
"Don’t call us, we will call you."
The Hollywood Principle
@erickwendel_

20. @erickwendel_
Estudo de Caso

21. #NERDZAO
ESTUDO DE CASO

22. ▪ Uma loja online será nosso subject
#NERDZAO
ESTUDO DE CASO

23. ▪ Uma loja online será nosso subject
#NERDZAO
▪ Sempre que ela adicionar um novo produto ao inventário,
seus observers (clientes ou usuários) que optaram por
receber notificações serão notificados via email
ESTUDO DE CASO

24. @erickwendel_
1o Passo - Interface do Subject

29. @erickwendel_
2o Passo - Implementação do Subject

35. @erickwendel_
3o Passo - Implementação do Observer

37. Enviar notificação

38. @erickwendel_
4o Passo - Execução

44. #VSSUMMIT

45. #VSSUMMIT

47. @erickwendel_
RxJS - Observables

48. #NERDZAO
RX**

49. ▪ Objetivo de ações contínuas (cliques de mouse, alterações
no sistema operacional)
#NERDZAO
RX**

50. ▪ Objetivo de ações contínuas (cliques de mouse, alterações
no sistema operacional)
#NERDZAO
▪ Possui dezenas de operadores para manipular o flow de
aplicações
RX**

51. ▪ Objetivo de ações contínuas (cliques de mouse, alterações
no sistema operacional)
#NERDZAO
▪ Possui dezenas de operadores para manipular o flow de
aplicações
RX**
▪ Um pouco diferente do approach tradicional com
Promises

52. !(SIM)

53. !(SIM)

54. #COURSE HASHTAG
Body Level One
Criando um observador
de arquivos com RxJS

55. #COURSE HASHTAG
Body Level One
Criando um observador
de arquivos com RxJS

56. #NERDZAO
CONCLUSÕES

57. ▪ Promises são executadas apenas uma vez
#NERDZAO
CONCLUSÕES

58. ▪ Promises são executadas apenas uma vez
#NERDZAO
▪ RxJS pode ser um pouco complicado no inicio por sua
infinidade de operadores
CONCLUSÕES

59. ▪ Promises são executadas apenas uma vez
#NERDZAO
▪ RxJS pode ser um pouco complicado no inicio por sua
infinidade de operadores
CONCLUSÕES
▪ Trabalhe com o que for melhor para o seu problema!

60. • contato@erickwendel.com.br
• http://erickwendel.com.br
• https://medium.com/@erickwendel
• http://fb.com/page.erickwendel
• https://twitter.com/erickwendel_
• http://meetup.com/nerdzao
• http://meetup.com/nodebr
• https://github.com/ErickWendel/talk-nodejs-rxjs-
reactive-programming
• http://bit.ly/rxjs-observers-slides-
erickwendel-18082018
KEEP IN TOUCH!
@erickwendel_

61. ERICKWENDEL
INDEPENDENTSOFTWARECONSULTANT
@ERICKWENDEL_|@ERICKWENDEL
THANK YOU
@erickwendel_

62. https://en.wikipedia.org/wiki/Observer_pattern
https://www.codeproject.com/Tips/769084/Observer-Pattern-Csharp
http://reactivex.io/rxjs/class/es6/MiscJSDoc.js~ObserverDoc.html
https://tolikcode.github.io/post/rxjsMap/
@erickwendel_