Serenity Now!

Just Handle that Complex Form with NgRx

Forms are hard

NgRx

Container - Presentation

NgRx Entity

Relational Data

Nested Data

Nested Data

Viewing Complex Data

First thoughts...

This will be easy... enumerate, select, calculate...

2nd Pass

Orders View Model

Serentiy

Form Basics

Product Form

Container - Init

Container - Events

Presentation Component

Presentation - Build Form

Presentation - FormGroup Values

Form Basics

Serentiy

Complex Forms

Order Form

So now what?

LineItems Create FormGroup

LineItems Build FormGroup

Foundation Concept

(cloning is a good idea)

Serentiy

Code

Summary

  • Create models to combine entities
  • Container/Presentation Pattern
  • Understand NgRx Forms Basics
  • NgRx makes complex forms easy

BrieBug - What We do

  • Architecture Reviews
  • Customized Training
  • Angular Consulting
  • Staff Augmentation
http://confsnap.com/#/event/ng-conf-18/131
Jesse Sanders
@JesseS_BrieBug
jesse.sanders@briebug.com

References

Questions?