RxJS and Angular Signals Fundamentals
https://www.pluralsight.com/courses/rxjs-angular-signals-fundamentals
by Deborah Kurata
Mod 1: Course Overview
- Course Overview
Mod 2: Reactive Programming
- Reactive Programming
- Signals and Reactive Programming
- RxJS and Reactive Programming
- RxJS + Signals: Better Together
- Getting the Most from This Course
Mod 3: RxJS Terms and Syntax
- RxJS: A Metaphor
- Observable
- Subscription
- Observer
- Creating an Observable
- Demo: Creating an Observable (of and from)
- Demo: Creating an Observable (fromEvent)
- Key Points and Best Practices
Mod 4: RxJS Operators
- RxJS Operators
- What Is an RxJS Operator?
- RxJS Operator: map
- RxJS Operator: tap
- RxJS Operator: filter
- RxJS Operator: take
- Key Points and Best Practices
Mod 5: Retrieving Data with HTTP and Observables
- Retrieving Data
- The Sample Application
- Setting up the Sample Application
- Sample Code Walkthrough
- review of the in memory db provided in angular
- Procedural Data Retrieval Pattern
- Demo: Retrieve an Array of Items in a Service
- Demo: Subscribe to the Returned Observable in a Component
- Demo: Retrieve One Item by ld
- Key Points and Best Practices
Mod 6: Handling HTTP Errors with Observables
- Handling HTTP Errors
- catchError, throwError, and EMPTY
- Demo: Handling HTTP Errors in a Service
- Demo: Handling HTTP Errors in a Component
- Key Points and Best Practices
Mod 7: Getting Related Data: switchMap, concatMap and mergeMap
- Techniques for Getting Related Data
- Demo: Retrieve Related Data - Part 1
- Higher-order Mapping Operators
- RxJS Operator: concatMap
- RxJS Operator: mergeMap
- RxJS Operator: switchMap
- Demo: Retrieve Related Data - Part 2
- Key Points and Best Practices
Mod 8: Using a Declarative Approach
- What Is a Declarative Approach?
- Demo: Declarative Data Retrieval Pattern
- Displaying Observable Emissions with the Async Pipe
- you will need to import AsyncPipe to use async syntax when using standalone components
- two async pipes for the same observable can trigger two http calls
- Caching Retrieved Data
- Demo: Caching Retrieved Data
- Key Points and Best Practices
Mod 9: Reacting to Actions: Subject and BehaviorSubject
- Reacting to User Actions and Other Events
- Observable vs. Subject
- Creating a Subject and Emitting Notifications
- Reacting to Actions
- Reacting to Actions and Getting Data
- Reacting to Actions and Displaying Data
- Combining Observables
- Demo: Combining Observables
- Key Points and Best Practices
- Signals and Reactive Programming
- Creating and Reading Signals
- a signal requires an initial value
- Demo: Creating and Reading Signals
- signals don't yet support two-way binding
- Modifying Signals
- Demo: Modifying Signals
- Computed Signals
- Demo: Computed Signals
- Signal Effects
- Key Points and Best Practices
Using Signals to Build a Shopping Cart Feature
- Defining the Cart
- Adding Products to the Cart
- Declaring a Computed Signal for the Cart Count Badge
- Declaring Computed Signals for the Totals
- Reacting to Quantity Changes
- Declaring a Computed Signal for the Extended Price
- Key Points and Best Practices
RxJS + Signals: Better Together
- RxJS + Signals
- Creating a Signal from an Observable (toSignal)
- Demo: Creating a Signal from an Observable (toSignal)
- Error Handling
- Demo: Error Handling Using try...catch
- Demo: Error Handling Using the RxJS Pipeline
- Subject vs. Signal
- Creating an Observable from a Signal (toObservable)
- Exposing Only Signals from a Service
- Reading Signals from a Service
- Key Points and Best Practices
Comments
Post a Comment