Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Andere mochten auch
Andere mochten auch (20)
Programação reativa com RxJS e Angular
- 2. wendelnascimento wnascimentow Wendel Nascimento Front end engineer @SENAI
- 5. O que é programação reativa?
- 6. reativo adj. (1858) 1 que faz reagir, que provoca reação; reagente 2 eletr eletrôn fís relativo a reatância
- 9. if(x < 10) { foo(x); bar(x); baz(x); console.log("Done"); }
- 10. Este é um processo imperativo/estruturado
- 11. CONTROLE FLUXO NEM SEMPRE BEM ESTABELECIDO PRÓS…
- 12. FILAS - CONCORRÊNCIA CÓDIGOS DE DIFÍCIL LEITURA NÃO ESCALÁVEL CONTRAS…
- 14. Callbacks
- 15. if(x < 10) { foo(x); setTimeout(() => bar(x), 1000 ); baz(x); console.log("Done"); }
- 18. Callback hell
- 20. PS: Nem todo callback é assíncrono
- 21. Promises
- 22. if(x < 10) { logValues(x) .then(() => console.log(“Done”)); }
- 23. if(x < 10) { logValues(x) .then(() => console.log(“Done”)); } Sim, Promises usam callbacks
- 24. PRÓS… MAIS SIMPLICIDADE NÃO BLOCANTE CÓDIGO LIMPO
- 25. NÃO CANCELÁVEL É UM STREAM COM INÍCIO E FIM CONTRAS…
- 26. Observables
- 27. if(x < 10) { logValues(x) .subscribe(() => console.log(“Done”)); }
- 28. if(x < 10) { logValues(x) .subscribe(() => console.log(“Done”)); } Sim, Observables também usam callbacks
- 29. PRÓS… MAIS SIMPLICIDADE NÃO BLOCANTE CÓDIGO LIMPO CANCELÁVEL É UM STREAM QUE PODE NUNCA TER FIM
- 31. Calma. Observable + Subscribe é tipo… Promise???
- 32. Sim e não
- 33. “Observable is Promise++” Andre Staltz
- 34. É simples. Observable é nada mais que um stream assíncrono infinito
- 35. var el = document.getElementById("t"); el.addEventListener( "click", handleClick );
- 36. Então eu sempre programei de forma reativa?
- 38. Sempre utilizamos funções reativas porém muitas vezes não sabemos disso
- 39. Mas agora vamos usar
- 42. O problema da Netflix era não poder cancelar requisições
- 43. Eles resolveram com RxJS e RxJava
- 45. ECONOMIZAR TEMPO ESCALAR SUA APLICAÇÃO E MUITO MAIS TER UM CÓDIGO LIMPO E FÁCIL MANUTENÇÃO COM RXJS VOCÊ IRÁ…
- 46. Hora da ação
- 47. Você conhece a terceira lei de Newton?
- 48. Então vamos falar de reação Com JS TS
- 49. Operadores e Objetos core do RxJS
- 50. OBSERVABLES Já usou qualquer coisa assíncrona WhatsApp, Messenger ou qualquer outro mensageiro?
- 51. Já fez alguma pesquisa no Google Maps? SWITCHMAP
- 52. Já fez alguma pesquisa no Google Maps? DEBOUNCETIME
- 53. Já fez alguma pesquisa no Google Maps? DISTINCTUNTILCHANGED
- 56. Isso é ser reativo
- 57. wendelnascimento wnascimentow Wendel Nascimento Front end engineer @SENAI