Book Image

Hands-On RxJS for Web Development [Video]

By : ALEXANDER POSHTARUK
Book Image

Hands-On RxJS for Web Development [Video]

By: ALEXANDER POSHTARUK

Overview of this book

Web application code can get tangled up, which makes it hard to test and maintain. Also, asynchronous computations and HTTP requests have to be properly managed. However, with RxJS 6 you can unify, filter, and transform these streams with ease. By introducing RxJS 6 into your code, you can build clean and fault-tolerant web applications. This course shows you how to handle work tasks and issues with RxJS 6. It helps you develop the skills you need to create Reactive applications with RxJS 6. With this course, you'll enter the Reactive world by using Angular and vanilla JS. You will learn to execute asynchronous event handling techniques using RxJS 6. By the end of the course, you'll be saving precious development time by using RxJS 6. You'll scale your own applications effectively, and use Angular framework that relies on RxJS 6. All the code and supporting files for this course are available at https://github.com/PacktPublishing/Hands-on-RxJS-for-Web-development

Related Content you might be interested in

Current Title:

Small book image
Hands-On RxJS for Web Development [Video]
ALEXANDER POSHTARUK
Dec, 2018 | 5 hours 17 minutes
No titles found
Table of Contents (7 chapters)
Free Chapter
1
Dive into the RxJS Environment
The Course Overview
Explore RxJS – What and Why?
Node.js Installation
Angular Demo Project Starter
Forking RxJS Playground on JSFiddle
2
Implementing Observables to Reduce Code Complexities
What Are Observables and How to Create Them?
Hands-On Cold and Hot Observables
Subjects – Emit Your Own Data to Multiple Subscribers
Observables in Application State Management (ngRxStore)
Benefits of Reactive Updating Components View on Data Change
3
Working with Operators for Stream Data Processing
Working with Pipe-able Operators to Decrease App Bundle Size?
Modifying Data with ‘map’
Filtering Data with ‘filter’
Handle Errors As Usual Data – with ‘catchError’
Preventing Unneeded Recalculations with ‘distinctUntilChanged’
Operate All Emitted Values with ‘scan’
Data Manipulation with ‘buffer’
4
Combining Streams with Operators
Using Flattening Operators
Switch to the Latest Observable Data with switchMap to Prevent Race-Conditions
Interleave Application Events with mergeMap and mergeAll
Fetching Delayed API-Call Results with mergeMap and Subjects
Practicing Processing Data Chunks with mergeAll and bufferCount
Practicing CRUD Operations with concatMap
Using zip and combineLatest for Component State-Switching
Fixing Backend Drawbacks with forkJoin: Rx Analog of Promise.all
5
Practicing the Retry Logic
Redo Errored Http Requests with ‘retry’ Operator with One Line of Code!
Make Repetitive Http Calls with the ‘repeat’Operator
Take Advantage of retryWhen and repeatWhen Operators for Complicated Repeat Logic
6
Practicing the Unsubscribe Policy
Why Unsubscribe? Prevent Memory Leaks with the Correct Unsubscribe Policy
Practicing first, skip, take, takeUntil, and takeWhile Operators
7
Fixing Anti-Patterns and Practicing Unit Tests
Fixing RxJS Anti-Patterns to Improve Code Maintainability
Control the Timing Strategy of Event Emissions with Schedulers
Unit Tests for Observable Streams: Rx.BehaviorSubject and Rx.Marbles Techniques
Using Multicast Operators to Prevent Requesting Same Data Again for Each Observer
Debugging Tips
Chapter 2
Implementing Observables to Reduce Code Complexities
Content Locked
Section 5
Benefits of Reactive Updating Components View on Data Change
In this video, we will find out how to create a component that emits data reactively and how to subscribe to its updates. - Provide diagrams for vanilla JavaScript example in codepen.io and Angular demo project example - Review the code solution in codepen.io and run it in a browser - Review the code solution in an Angular demo project and run it in a browser
Previous Section
End of Chapter 2
Next Chapter