Baixado 11 vezes
![Pipe Async
Observable<boolean>
Observable<Course[]>
async == subscribe + unsubscribe](https://image.slidesharecdn.com/ionicreativo-170624003120/75/Ionic-Reativo-com-RxJS-e-ngRx-36-2048.jpg)
![Component -> Template
Observable<Tasks[]>
async == subscribe + unsubscribe](https://image.slidesharecdn.com/ionicreativo-170624003120/75/Ionic-Reativo-com-RxJS-e-ngRx-65-2048.jpg)
Carregado porLoiane Groner
Ionic Reativo com RxJS e ngRx
O documento aborda o desenvolvimento de aplicativos com Angular, destacando a utilização de programação reativa com bibliotecas como RxJS e NgRx. Discute conceitos como gerenciamento de estado, efeitos colaterais e formulários reativos, além de fornecer links úteis para aprendizado adicional. O foco é elevar o padrão de desenvolvimento, integrando técnicas reativas e melhores práticas.
Ionic Reativo com RxJS e ngRx
- 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.