Transferir como PDF, PPTX
![[JS EXPERIENCE 2018] Uma visão geral sobre recursão e trampolines - Ana Basto...](https://cdn.slidesharecdn.com/ss_thumbnails/14h31-14h38-anabastos-180706155204-thumbnail.jpg?width=600ounds&width=560&fit=bounds)
Programação reativa com RxJS e Angular
- 2. wendelnascimento wnascimentow Wendel Nascimento Frontend engineer @SENAI
- 4.
- 5. O que éprogramação reativa?
- 6. reativo adj. (1858) 1 quefaz reagir, que provoca reação; reagente 2 eletr eletrôn fís relativo a reatância
- 8.
- 9. if(x < 10){ foo(x); bar(x); baz(x); console.log("Done"); }
- 10. Este é umprocesso imperativo/estruturado
- 11. CONTROLE FLUXO NEM SEMPRE BEMESTABELECIDO PRÓS…
- 12. FILAS - CONCORRÊNCIA CÓDIGOSDE DIFÍCIL LEITURA NÃO ESCALÁVEL CONTRAS…
- 13.
- 14.
- 15. if(x < 10){ foo(x); setTimeout(() => bar(x), 1000 ); baz(x); console.log("Done"); }
- 16.
- 17.
- 18.
- 20. PS: Nem todocallback é assíncrono
- 21.
- 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ÃOBLOCANTE CÓDIGO LIMPO
- 25. NÃO CANCELÁVEL É UMSTREAM COM INÍCIO E FIM CONTRAS…
- 26.
- 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ÃOBLOCANTE CÓDIGO LIMPO CANCELÁVEL É UM STREAM QUE PODE NUNCA TER FIM
- 30.
- 31. Calma. Observable + Subscribeé tipo… Promise???
- 32.
- 33.
- 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 sempreprogramei de forma reativa?
- 38. Sempre utilizamos funções reativasporém muitas vezes não sabemos disso
- 39. Mas agora vamosusar
- 42. O problema daNetflix era não poder cancelar requisições
- 43. Eles resolveram comRxJS e RxJava
- 45. ECONOMIZAR TEMPO ESCALAR SUA APLICAÇÃO EMUITO MAIS TER UM CÓDIGO LIMPO E FÁCIL MANUTENÇÃO COM RXJS VOCÊ IRÁ…
- 46.
- 47. Você conhece aterceira lei de Newton?
- 48. Então vamos falarde reação Com JS TS
- 49. Operadores e Objetoscore do RxJS
- 50. OBSERVABLES Já usou qualquercoisa assíncrona WhatsApp, Messenger ou qualquer outro mensageiro?
- 51. Já fez algumapesquisa no Google Maps? SWITCHMAP
- 52. Já fez algumapesquisa no Google Maps? DEBOUNCETIME
- 53. Já fez algumapesquisa no Google Maps? DISTINCTUNTILCHANGED
- 55.
- 56. Isso é serreativo
- 57. wendelnascimento wnascimentow Wendel Nascimento Frontend engineer @SENAI