Show HN: ShapeForm – Schema Driven Forms for React

If you look through the slides mentioned by the author (https://shape-form-talk.netlify.com/), comparison is provided for redux-form and react-jsonschema-form. They had to create it to support multi-part forms, redux, easy customizations without bootstrap.

It's great to see more libraries that deal with rendering JSONSchema. I've been working on a drag and drop formbuilder / grid [0] for creating crud apps that leverages react-jsonschema-form.[1]

I noticed that while I create custom rails apps for clients, they often want to create additional forms and still leverage the authentication, permissions, and existing data in the app. This rules out most 3rd party form builders like typeform, jotform etc. which are mostly for surveys anyway. Sometimes the dev time to create them(UI, DB migrations, testing, validations) is too costly for an idea they just want to test.

So, I use the builder to create a JSON Schema, then embed the form into the rails app. What's cool is that I can utilize permissions from the core app to disable certain fields, and I can pass in enum values so drop downs have up-to-date options pulled right from the DB.

We use react-jsonschema-form, but the jsonschema we produce could be used in any of the tools mentioned in this thread.

I'm close to opening this up to other devs soon, and would love your feedback. There's a signup form on the website if you're interested.

[0] https://responsevault.com/ [1] https://github.com/mozilla-services/react-jsonschema-form

JSON schema has in one of it's drafts a way to define business rules like these, no idea if this library supports it (most likely not)

On a previous project I needed something like this and used react-json-schema as a form renderer and created my own rule engine that evaluated a lot of rules defined in a custom format I needed.

The result was a generated schema that was rendered by react-json-schema.