Show HN: ShapeForm – Schema Driven Forms for React

Andrew from TakeShape here! The primary author of this library. We tired a number of different form libraries before settling on writing our own. You can check out a full talk I gave on ShapeForm (https://www.youtube.com/watch?v=iplY8Le1zK0) or you can just read my slides (https://shape-form-talk.netlify.com/) from the talk.

ShapeForm has several nice features that make it perfect for our use case, and may yours:

JSON Schema validation - Easily share the same form validation frontend and backend

️ Fast - Pure components for fast rendering even with large forms

Redux / Standalone state management - Choose your own adventure

Custom widgets - Widgets are simply React components

Form reducers - Useful for async validation, data normalization, the sky's the limit.

If you find ShapeForm useful or want to make it more useful I'd love for you to contribute to the project!

Wow this looks awesome! I've been using Alpaca.js [1] at FormAPI [2], which is also a JSON Schema form builder. This looks much better, and much easier to customize, since I already use React / Redux / React DnD for other parts of the application. I was also looking at react-jsonschema-form, but agree with all the downsides they mentioned in the talk (hard to customize, requires Bootstrap, hard to use with Redux, etc.)

So I think I will definitely switch to ShapeForm in the future, and I was actually planning to build something like this myself. I'm definitely looking forward to the TypeScript support.

[1] http://www.alpacajs.org

[2] http://formapi.io

Looks nice! Our forms have a lot of logic where certain answers hide/show other fields/sections. Does this have the ability to swap the schema/form fields on the fly?

Also check out uniforms [0] which integrates nicely with other Schema libraries

[0] https://github.com/vazco/uniforms

No hooks (yet). Just starting to figure out typescript.

Should just base this project around https://final-form.org/react