Thinking Reactively with RxJS

• In this course, you will use RxJS to build a loading spinner in an app that meets the ever-changing requirements from a mock Product Manager.
• You'll also learn how to implement a "Konami Code" style feature that listens for a correct sequence of keys to be typed in a set amount of time.
• Follow the thought process that Rares uses as he breaks problems down into manageable pieces that remain flexible, and become more comfortable solving problems reactively.

Outcomes

• Learn RxJS Operators
• Creating observables
• Building operators
• Converting written requirements to code
• Reactive problem solving

Prerequisites

• Introduction to Reactive Programming
• RxJS Beyond the Basics: Operators in Depth

Important

• 🚧The code we will learn/write during the lesson is in: src/lesson-code.
• View example deployment here. best viewed on a phone screen (F12 in Chrome, then CMD+SHIFT+M).

Table of Contents

• 01. Course Intro
• 02. Use reactive, RxJS based solutions for complex problems
• 03. Break down a requirement into small problems
• 04. Pipe events to numbers and maintain a running count using the scan operator
• 05. Create safe and predictable observable abstractions
• 06. Maintain shared observable state using the scan and shareReplay operators
• 07. Use the filter and pairwise operators to determine when to show and hide the spinner
• 08. Build an observable from a simple english requirement
• 09. Expose complex reactive code as simple function based APIs
• 10. Encapsulate complex imperative logic in a simple observable
• 11. Extend your reactive logic using observable-like proxies that delay or drop events
• 12. Use combineLatest to only emit notifications when certain events have happened
• 13. Maintain self-resetting state in your observable streams using the scan operator
• 14. Build an event combo observable
• 15. Extend promises by adding custom behaviour
• 16. Simplify usage of your reactive service by building an RxJS operator to manage it for you
• 17. Use exhaustMap to wait for open combos to finish before starting new ones

Instructor

• Rares Matei

Contribute

• These are community notes that I hope everyone who studies benefits from.
• If you notice areas that could be improved please feel free to open a PR!

Contributors ✨

Emily Harber 🖋

Lauro Silva 🖋

Lucas Minter 👀