Use-Case: Operator replyWhen from Rx.JS Illustrated with an Angular App Embedded via IFRAME

on YouTube ↗13m

" summary

Shows how to use RxJS retryWhen to refresh access tokens for an Angular app running inside an IFRAME that communicates via window.postMessage. It explains differentiating 401 token errors from other HTTP errors, calling a backend refresh with a 2s timeout, falling back to the parent app for credentials, and using a Subject to retrigger the original HTTP GET so existing subscribers are preserved—implemented in about twenty lines of orchestration code.

AI-written summary · about

" chapters (9)

1. 0:00RxJS in Angular IFRAME
2. 2:09Token expiration IFRAME
3. 5:24Observables vs Promises
4. 7:14Handling non-401 errors
5. 8:20Retry with retryWhen
6. 9:47Refresh token logic
7. 10:51Updating tokens
8. 11:34Final implementation
9. 12:16Q&A

" related talks

• 58mAngular and The Case for RxJSSandi Barr · NDC London 2020
• 45mReactive Frontends with RxJS and AngularSergi Almar · Voxxed Days Singapore 2018
• 36mRxJS RecipesDominic Elm, Kwinten Pisman · Uphill Conf 2019
• 01h 07mReactive Frontends with RxJS and Angular - Sergi AlmarSergi Almar · SpringOne Platform 2017
• 47mCool RxJS TricksSeth House · UtahJS Conf 2017
• 36mComplex Features Made Easy With RxJSBen Lesh · JSFoo 2018
• 30mRxJS in React, RxJS in Angular and Why We Should All Be FriendsValentyn Barmashyn · OdessaJS 2018
• 41mRxJS Advanced Patterns Learn how to manage heavily dynamic Angular appsMichael Hladky · AngularNL 2019