JSONize your forms: The Abstraction Dilemma
summary
Builds a JSON-configured multi-step wizard for an onboarding flow of six entities, moves from a brittle homemade renderer to using Formly with reactive forms and custom components via ControlValueAccessor. Implements form arrays, nested form groups, stepper integration, custom wrappers and validation; final setup is one host component, one service for business logic, and one TypeScript JSON file per wizard. The Formly-based solution works, cuts repeated code, and enables future features like API-driven form generation and non-developer form edits.
AI-written summary · about
chapters (9)
- 0:00Introduction and speaker background
- 1:05Forms from different perspectives
- 2:26Problem with building six entity forms
- 4:53Concretion vs abstraction dilemma
- 6:17Building initial JSON-based form component
- 7:42Limitations of the custom solution
- 8:05Introducing Formly library
- 9:29Modular form architecture with Formly
- 10:33Future potential of JSON-driven forms
