Reactive programming with Angular and Ngrx : learn to harness the power of reactive programming with RxJS and Ngrx extensions /
Saved in:
| Author / Creator: | Farhi, Oren. |
|---|---|
| Imprint: | [United States] : Apress, 2017. |
| Description: | 1 online resource |
| Language: | English |
| Subject: | |
| Format: | E-Resource Book |
| URL for this record: | http://pi.lib.uchicago.edu/1001/cat/bib/11274105 |
Table of Contents:
- 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.