Simple declarative way of creating forms in UI
summary
A React library that renders forms UI from JSON schema and handles state, sync and async validation, conditional fields and typecasting, freeing teams from per-form state code. The schema is driven by the component API so you can plug any design system; a component mapping ties schema keys to React components. Used in Red Hat cloud services to generate hundreds of forms (including multi-step wizards and server-fetched schemas); an editor to drag‑drop schemas is planned.
AI-written summary · about
chapters (20)
- 0:00Introduction
- 3:00Whats it all about
- 5:25React enrichment library
- 5:56Why we developed this
- 7:55Datadriven approach
- 8:41API endpoint
- 9:35Limitations
- 10:08Example
- 11:04How do I do this
- 13:40The problem
- 14:09The UI perspective
- 19:35Component mapping
- 20:18Component definition
- 21:30Component props
- 21:54Component API
- 26:37Component approach
- 27:01Examples
- 34:30Simple example
- 40:16Validation message
- 47:24Dynamic data fetching
related talks
33mJSON Forms 2.0
28mForm forms and reform that way
11mForms Don't Need to Suck
12mJSONize your forms: The Abstraction Dilemma
46mHow not to hate your life when dealing with forms
01h 02mDesigning a Flexible UI Architecture with React and GraphQL
23mType-safe forms for React using Zod
27mEnhancing Forms with React Server Components and React 19