Baixado 13 vezes
![Pipe Async Observable<boolean> Observable<Course[]> async == subscribe + unsubscribe](https://image.slidesharecdn.com/ionicreativo-170624003120-170628162108/75/JS-Experience-2017-Programacao-reativa-com-Ionic-36-2048.jpg)
![Component -> Template Observable<Tasks[]> async == subscribe + unsubscribe](https://image.slidesharecdn.com/ionicreativo-170624003120-170628162108/75/JS-Experience-2017-Programacao-reativa-com-Ionic-65-2048.jpg)
Carregado poriMasters
JS Experience 2017 - Programação reativa com Ionic
O documento apresenta informações sobre Loiane Groner, uma desenvolvedora que ensina programação reativa com RxJS e NgRx. Ela discute como essas tecnologias podem elevar o padrão de desenvolvimento de aplicativos e fornece exemplos de como configurar e usar o NgRx em aplicativos Angular.
JS Experience 2017 - Programação reativa com Ionic
- 1. Loiane Groner @loiane github.com/loiane loiane.com loiane.training ionic reativo Empodereseu app com RxJS e ngRx
- 2.
- 3. Disponível (inglês) naamazon.com.br
- 4.
- 5. Elevar o padrãode desenvolvimento dos seus apps com programação e padrões reativos
- 7.
- 8.
- 9.
- 10.
- 11. “que reage, respondea estímulos” Reativo
- 12. Reage a dadosque são transmitidos ao longo do tempo
- 13.
- 14.
- 15.
- 16.
- 18. Objeto Promise Iterable Observable SíncronoAssíncrono ValorúnicoMúltiplosvalores Panorama da teoria da reatividade
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29. Filtrar informações =>filter http://rxmarbles.com/#filter
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36. Pipe Async Observable<boolean> Observable<Course[]> async ==subscribe + unsubscribe
- 37.
- 38.
- 39.
- 41.
- 42. Gerenciar o estadoe controle de fluxo
- 43.
- 45. Redux é uma biblioteca,e também é um padrão
- 46.
- 47.
- 48. Show me theapp!
- 53.
- 54.
- 55.
- 56. Estado flui parabaixo store service / provider component / page template
- 57.
- 58.
- 59.
- 60. store.select de umpedaço do estado
- 61. store.select de umpedaço do estado reselect
- 62. RxJS pode serusado no lugar do selector
- 63. RxJS pode serusado no lugar do selector
- 64.
- 65. Component -> Template Observable<Tasks[]> async== subscribe + unsubscribe
- 66.
- 67. Component -> Template DumbComponent
- 68.
- 69. Componente de apresentação código+ simples + fácil de testar
- 70. Eventos fluem paracima store service / provider component / page template
- 71.
- 72. Componente container: dispatchAction Escuta o evento do componente filho
- 73. Componente container: dispatchAction Escuta o evento do componente filho
- 74.
- 75.
- 76.
- 77.
- 78.
- 79. Estado inicial -reducer
- 80. Store side effects EfeitosColaterais @ngrx/effects
- 81. Ajax: 2 açõespara cada operação
- 82.
- 83.
- 84. Effects Chamada Service -API dispatch ação de sucesso para o reducer
- 85. Provider continua omesmo
- 87.
- 88.
- 89.
- 90.
- 91. Effect para Navegação Ionic3 tem Lazy Loading Nome da página por String
- 92.
- 93.
- 94.
- 95. select Foto Observables nostemplates! Streams
- 96.
- 97.
- 98. Effects com IonicNative
- 99. Effects com IonicNative
- 100.
- 101.
- 102. @ngrx/platform (v4: beta) Injetao estado do módulo no AppState apenas depois que o módulo for carregado via lazy loading
- 103.
- 107.
- 108.
- 109. Pra estudar mais… •https://angular.io/docs/ts/latest/guide/reactive-forms.html • https://angular.io/docs/ts/latest/guide/server-communication.html • https://angular.io/docs/ts/latest/guide/router.html • https://github.com/Reactive-Extensions/RxJS/blob/master/doc/gettingstarted/categories.md • https://gist.github.com/btroncone/d6cf141d6f2c00dc6b35 • http://rxmarbles.com/ • http://reactivex.io/documentation/operators • https://github.com/ngrx • https://github.com/ngrx/example-app • https://auth0.com/blog/understanding-angular-2-change-detection/ • http://blog.brecht.io/A-scalable-angular2-architecture/ • http://blog.mgechev.com/2016/04/10/scalable-javascript-single-page-app-angular2- application-architecture/
- 110. Quer aprender maissobre Angular (2.x e 4.x)? /loianegroner
- 111.
- 113.