Consistent UIs with Angular, RxJS and NgRx

on YouTube ↗24m

" summary

Five concrete rules and the tools that make them work: design to forget (use Angular Signals, computed and signal store so a calculated invoice total updates declaratively), design for collaboration (single source of truth or refetch patterns with NgRx), design to forgive (handle back‑pressure with appropriate RxJS flattening operators and subjects), and design to change/fail (groupBy per‑id effects, takeTillDestroyed and explicit error state) — examples use invoices, save/delete flows, switchmap and refetch strategies.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 1:49Inconsistent UI traits
3. 2:52Angular Signals design
4. 6:45Collaboration in Angular
5. 10:03Forgiving user behavior
6. 16:27Future flexibility design
7. 20:00Failure and error handling
8. 21:26Summary

" related talks

• 26mScalable Angular ArchitectureBartosz Pietrucha · ngVikings 2018
• 19mRxJS Patterns in AngularDeborah Kurata · EnterpriseNG 2020
• 30mState Management Patterns and Best Practices with NgRxVictor Savkin · AngularConnect 2017
• 20mComplexity Management with NgRxMike Ryan · NG-MY 2019
• 32mMessaging Design Patterns with NGRXNir Kaufman · AngularUP 2018
• 25mDesigning Reactive Angular Components (RxJS)Deborah Kurata · EnterpriseNG 2021
• 36mEffective Signals in Angular 19 and above: Rules and HelpersManfred Steyer · NG-BE 2024
• 01h 04mRedux for Angular -- Introduction to Ngrx EcosystemMohamed Meligy · NDC Sydney 2018