Build Reactive Websites with RxJS: Master Observables and Wrangle Events

✍ Scribed by Randall Koutnik

• Publisher: Pragmatic Bookshelf
• Year: 2019
• Tongue: English
• Leaves: 191
• Edition: 1
• Category: Library

✦ Synopsis

Upgrade your skillset, succeed at work, and above all, avoid the many headaches that come with modern front-end development. Simplify your codebase with hands-on examples pulled from real-life applications. Master the mysteries of asynchronous state management, detangle puzzling race conditions, and send spaceships soaring through the cosmos. When you finish this book, you'll be able to tame the wild codebeasts before they ever get a chance to wreck your day.

The front-end world can be fraught with complexity. The RxJS library offers a solution: Observables. Observables merge other JavaScript asynch mechanisms such as callbacks and promises into a new way of looking at data. Instead of dealing with objects and keeping track of their state, Observables view asynchronous events as a stream. RxJS provides you the tools to manage, manipulate, and process Observables to simplify and speed up your front-end applications.

Never fear, you're in exactly the right place. Don't worry about getting stuck in a mire of theory. Start off with the basics, building small applications that illustrate deeper points. Take those building blocks and apply them to much more complex problems like handling asynchronous state and dodging race conditions before they happen. Once you've got a handle on complex problems, take a leap into architecture, discovering how to structure an Observable-based application both without a framework and in the land of Angular 2. After mastering Observables, switch gears to building a canvas-based game, demonstrating your deep understanding of the flexibility of Observables.

Master the Observable with RxJS, and make your asynchronous JavaScript code that much cleaner and simpler.

What You Need:

Any major browser and text editor, as well as the current versions of git, NodeJS, and npm.

✦ Table of Contents

Cover
Table of Contents
Introduction
The Goal of This Book
But I Already Use (Insert Framework Here)!
How to Read This Book
Setting Up the Environment
Online Resources
Acknowledgments
1. Creating Observables
Introducing Rx Concepts
Building a Stopwatch
Using a Subscription
Experimenting with Observables
What We Learned
2. Manipulating Streams
Translating Pig Latin with Flatten and Reduce
Flattening
Reducing
Debugging an Observable Stream
Typeahead
What We Learned
3. Managing Asynchronous Events
Making AJAX Requests
Handling Errors
Promises vs. Observables with AJAX
Loading with Progress Bar
When Good AJAX Goes Bad
Progressive and Ordered Loading
What We Learned
4. Advanced Async
The Spec
Preventing Race Conditions with switchMap
Debouncing Events
Adding Debounce to the Typeahead
Building a Stock Ticker
What We’ve Learned
5. Multiplexing Observables
The Problem with Cold Observables
Multicasting with the Subject Class
Building a Chat Room
What We Learned
6. Using HTTP in Angular
Generating a New Project
Displaying Returned Data
Saving New Data
Routing to Components
Linking Between Components
Editing a Single Photo
Adding in Analytics
Intercepting HTTP Calls
What We Learned
7. Building Reactive Forms in Angular
Building a Phone Number Input
Creating a Phone Input with Angular
Validating an Input
Building a Pizzeria Registration Form
Using Advanced Validation
Creating a Pizza Ordering Form
What We Learned
8. Advanced Angular
Building Performant Applications
Managing State with ngrx
What We Learned
9. Reactive Game Development
Creating Your Own Operator
Animating Objects
Calling next with Schedulers
Architecting a Game
Tracking User Input
Creating Enemies
Detecting Collisions
What We Learned
Bonus Points
Index
– SYMBOLS –
– A –
– B –
– C –
– D –
– E –
– F –
– G –
– H –
– I –
– J –
– K –
– L –
– M –
– N –
– O –
– P –
– R –
– S –
– T –
– U –
– V –
– W –
– X –
– Z –