Hands-On RxJS for Web Development [Video]

Preview Online

Code Files

Hands-On RxJS for Web Development [Video]

Oleksandr Poshtaruk

Monday, December 31, 2018

New Release!

Harness the power of RxJS by solving real-life web tasks with Reactive programming; use Observables to code less

Quick links: > Table of contents > What will you learn? > Preview

Packt Subscription

FREE

$9.99/m after trial

Video

$106.25

RRP $124.99

Save 14%

What do I get with a Packt subscription?

Exclusive monthly discount - no contract
Unlimited access to entire Packt library of 6500+ eBooks and Videos
120 new titles added every month, on new and emerging tech

What do I get with an eBook?

Download this book in EPUB, PDF, MOBI formats
DRM FREE - read and interact with your content when you want, where you want, and how you want
Access this title in the subscription reader

What do I get with Print & eBook?

Get a paperback copy of the book delivered to you
Download this book in EPUB, PDF, MOBI formats
DRM FREE - read and interact with your content when you want, where you want, and how you want
Access this title in the subscription reader

What do I get with a Video?

Download this Video course in MP4 format
DRM FREE - read and interact with your content when you want, where you want, and how you want
Access this title in the subscription reader

$0.00

$106.25

$9.99 p/m after trial

RRP $124.99

Subscription

Video

Start a FREE 10-day trial

Frequently bought together

Hands-On RxJS for Web Development [Video]

$ 124.99

$ 106.25

Hands-On RxJS for Web Development [Video]

Dec 2018

5 hours 17 minutes

$ 106.25

Hands-On TypeScript 3 and Angular 7 for Web Development [Video]

$ 124.99

$ 25.00

Hands-On TypeScript 3 and Angular 7 for Web Development [Video]

Jan 2019

2 hours 42 minutes

$ 25.00

Buy 2 for $131.25
Save $118.73

Add to Cart

Video Details

ISBN 13 9781788838429

Course Length 5 hours 17 minutes

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

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

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’

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

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

Practicing the Unsubscribe Policy

Why Unsubscribe? Prevent Memory Leaks with the Correct Unsubscribe Policy

Practicing first, skip, take, takeUntil, and takeWhile Operators

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

Video Description

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

Style and Approach

This course offers a quick way to become familiar with Reactive Programming concepts and start using them in real-life tasks with the RxJS library. The course is focused on using RxJS for Reactive web UI in vanilla JS and Angular apps.

Video Preview

What You Will Learn

Work with the modern Reactive Extension event-based programming approach in JS
Use real-world examples of development practices to solve issues with less code
Easily implement retry on error or repeat logic for your HTTP request-ordering problems with RxJS
Handle HTTP requests with a few lines of code
Create scalable app architectures and organize convenient inter-component data flows
Build easily-updatable web components and combine the latest ZIP operators
Implement RxJS solutions in the popular modern Angular framework
Use RxJS patterns and anti-patterns to improve your code maintainability

Authors

Oleksandr Poshtaruk

Oleksandr Poshtaruk is a frontend developer and a part-time Angular and RxJS mentor on codementor.io. He has worked on commercial projects using Angular 2/4 and RxJS for the past 3½ years. He has over 17 years' experience in the commercial IT industry as a system engineer and developer. He is a Stack Overflow activist with 1000+ score points for Angular and RxJS. He holds down a senior front-end developer position in tonicforhealth.com. He is also a conference speaker at JS-fwdays-2018 on RxJS solutions. Conference link - https://fwdays.com/en/event/js-fwdays-2018
Stack Overflow- https://stackoverflow.com/users/6528560/alexander-poshtaruk

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

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