Cargando…

Reactive programming with Angular and Ngrx : learn to harness the power of reactive programming with RxJS and Ngrx extensions /

Manage your Angular development using Reactive programming. Growing in popularity and now an essential part of any professional web developer's toolkit, Reactive programming can enrich your development and make your code more efficient. Featuring a core application to explore and build yourself...

Descripción completa

Detalles Bibliográficos
Clasificación:Libro Electrónico
Autor principal: Farhi, Oren
Formato: Electrónico eBook
Idioma:Inglés
Publicado: [United States] : Apress, 2017.
Temas:
Acceso en línea:Texto completo (Requiere registro previo con correo institucional)
Tabla de Contenidos:
  • At a Glance; Contents; About the Author; About the Technical Reviewer; Introduction; Chapter 1: Getting Started with the Echoes Player Lite App; Browser and Development Environment; Augury Dev Tools Extension; Version Control and Deployment; Setting the Development Environment; Terminal/Command Line; Editor (IDE or Code Editor); Application Structure; RxJS and ngrx: Reactive Extensions for Angular; RxJS; ngrx: Reactive Extensions for Angular; ngrx/core; ngrx/store; ngrx/effects; ngrx/store-log-monitor; The Sample Application; Summary.
  • Chapter 2: Getting Familiar with Boilerplate for DevelopmentBoilerplate Overview; The "config" directory; Karma; Customizing Karma with Configuration; Karma-Supported Frameworks; Configuring Karma's Output Results; Karma's Test Process Modes; Webpack; Webpack Common Settings; Entry; Resolve; Module: pre-loaders, loaders, and post-loaders; Plugins; Node; Customized Settings; Output; devtool; Third-Party Libraries; Vendor Libraries (vendor.browser.ts); Polyfills (polyfills.browser.ts); The App Directory; App Component; app.module.ts; app.component.ts; Core Directory; Store Directory.
  • "*. Reducer.ts" FileEffects Directory; Services Directory; Other Directories (home); Running the Project; Alternative Boilerplates; The Official Angular CLI Tool; Summary; Chapter 3: Adding State Management with ngrx/store; Benefits of Store as State Management; One Place for State; Performance; Testability; Devtools; Redux Primer; Flux; Redux in Action; Reduce and Flux for Redux; ngrx/store; Core Concepts; Store; Rx. Observable; Rx. Observer; Rx. BehaviorSubject; Reducers; Action; Adding ngrx/store; Installing NPM Packages; Defining the Main Store Module; Creating a YouTube Videos Reducer.
  • Youtube-videos/index.tsyoutube-videos/youtube-videos.actions.ts; youtube-videos/youtube-videos.reducer.ts; youtube-videos/youtube-videos.spec.ts; Connecting Reducer to the Store; Connecting Reducer to a Component; Summary; Chapter 4: Creating Reactive Components: Presentational and Container; Introduction to Components; HTML Components; Container / Smart Component; Fetching Data; Composition of Other Components; Stateful Component; Handle Internal Component's Events and Async Operations; Async Pipe; now-playing Container Component; Now Playlist Service; Now Playlist Actions.
  • Now Playlist ReducerPresentational / Dumb Component; @Input() as Data Provider; Emit Events with @Output(); No Dependencies on the Rest of the App; ngrx/store and Change-Detection Strategy; Creating now-playlist-filter Presentational Component; Dependencies; Change-Detection Mode-OnPush; Defining @Input & @Output; View Components with Augury; Inspecting Component; Summary; Chapter 5: Understanding Services with Reactive Programming; Diving into the Search Service; YouTube Search Service; Class Dependencies; Class Properties; Class Constructor; The Search Method; YouTube API Factory.