Build Reactive Websites with RxJS: Master Observables and Wrangle Events

Description

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. 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 –