Universal Json Schema
:scroll: Universal JSON Schema Form - Currently Support for React - Material UI components for building Web forms from JSON Schema.
Overview:
React Json Schema Form (Mui) is a Material UI port of jsonschema-form. It provides a live playground and detailed documentation for easy installation and usage. It supports JSONSchema-Draft-7 and has upgraded to webpack 5 for a more efficient build system. The latest version includes new features such as tabs UI, additional properties and items, and the ability to reference schemas via HTTP and inline references. It also supports alternatives and dependencies, and provides error handling and control over UI-specific data. The project welcomes contributions and offers guidelines for building and testing the code locally.
Features:
- Material UI port of jsonschema-form
- Live playground and detailed documentation
- Support for JSONSchema-Draft-7
- Upgraded build system to webpack 5
- New tabs UI to divide sub sections
- Additional properties and items feature enabled
- Support for referencing schemas via HTTP and inline references
- Support for alternatives (oneOf, anyOf, allOf) and dependencies
- Error handling using the onError prop
- UI-specific data control using the uiData prop
- Demo updated with monaco editor and live validation changes
- Interceptors to transform form and uiData using uiSchema - ui:interceptor
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Material UI
material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
