ESC JSON Form React
React Renderer for Schema-Driven JSON Forms
Overview
ESC JSON Form React is the React adapter built on top of esc-json-form-core. It renders a complete form UI from any JSON value — no manual field definitions required.
The `<JsonFormEditor />` component handles all field rendering, type switching, validation state, error display, and nested object/array expansion. Pass `value`, `onChange`, and optionally a `schema`.
esc-editor is bundled as a dependency — string fields can be switched to a rich text editor mode directly from the type dropdown, making it useful for CMS-style content editing.
A programmatic API is also available: `createReactJsonFormStore` gives you the same store interface as esc-json-form-core with React-specific subscription hooks.
Tech Stack
Year
2026
Category
Open Source
Key Features
JsonFormEditor Component
`<JsonFormEditor value={json} onChange={setJson} schema={schema} />` — renders a complete form from any JSON.
Supported Field Types
string, textarea, text editor (rich text via esc-editor), datetime, number, boolean, null, object, array.
Nested Sections
Objects and arrays render as expandable sections with add/remove controls for array items.
Schema Validation
Schema-defined rules surface inline validation messages. Supports required, minLength, and type constraints.
Rich Text Fields
Switch any string field to rich text editor mode — powered by esc-editor, bundled as a dependency.
Programmatic Store
`createReactJsonFormStore` for programmatic get/set access outside of the component tree.
Use ESC JSON Form React
ESC JSON Form React is free and open source — use it, fork it, contribute.