Ngrx Complex Form
summary
Claims that ngrx plus the container/presentation pattern tames complex Angular forms by normalizing state with ngrx entity into ID-keyed dictionaries, avoiding nested objects and extra re-renders. Shows a concrete order example (orders customers line items products), uses selectors with combinedLatest, 500ms debounce on form valueChanges, cloning selected state, FormArray of FormGroups, and a two‑call save (upsert line items then order). Code and approach are implemented and shown to work.
AI-written summary · about
chapters (9)
- 0:00Introduction to complex forms
- 1:36Simplifying state with NgRx
- 2:20Container presentation pattern
- 4:40Normalizing data with entity
- 8:03Viewing complex data
- 10:04Basic form editing
- 16:17Advanced form scenarios
- 20:56Implementing the order form
- 26:26Summary and best practices
related talks
29mReducing Complexity with Ngrx
27mngRx the last piece in the Angular architecture puzzle
26mWhy nobody told me about ngrx entity
32mMessaging Design Patterns with NGRX
16mThe Case For NGXS
35mAdvanced NgRx Techniques
27mAngular Architecture: From Patterns to Implementation
38mThe Hitchhiker' s Guide To NGRX