NGXS - State Management Made Simple
summary
NGXS presents a concrete Angular state library that uses TypeScript decorators to cut boilerplate, provides a schematic to generate an actions file and a state file, and supports Promise or RxJS effects with auto-subscription. A live coffee-ordering demo shows a working menu and cart, wired by six actions plus selectors that compute total amount and quantity, allows injecting services inside state classes, hooks into Redux DevTools, and offers plugins (router, storage, logger) and a lab emitter to remove explicit actions.
AI-written summary · about
chapters (29)
- 0:00Introduction
- 0:55State Management Patterns
- 1:12Why NGXS
- 1:23Ice Cream
- 1:48State Management
- 2:45Generating Files
- 3:18Demo
- 6:33Actions
- 8:35Actions and State
- 13:19Injecting Service
- 15:37Dispatching Actions
- 17:17Debugging
- 18:41Quantity
- 19:22Cut Amount
- 21:23Error
- 22:05Adcut Actions
- 24:39Coffee List Actions
- 26:32Coffee List Component
- 27:54Summary
- 28:54RCS
- 29:34Effects
- 30:15NG Actions
- 30:28Plugins
- 31:02Lab Project
- 31:30Emitter
- 32:08Documentation
- 32:46Thank you
- 32:57NGXS vs GXS
- 33:37Wrapup
related talks
28mProgressive State Management: NGXS
16mThe Case For NGXS
26mState Management Patterns and Best Practices with NgRx
20mState Management at Scale w/NgRx
24mNGRX, or NGXS, or Akita, which one should you choose?
23mState management with ngrx
22mState Management Techniques and Family Therapy
30mState Management Patterns and Best Practices with NgRx