Join
1
3 Comments

Dynamic Forms - JSON Schema

by Taylor Brazelton

Just playing around with React and decided to work on a form generator. I plan on using it as a base for my product IR Hub that I've been working on. I thought I'd share to see if anyone had any feedback or suggestions.

My goal is to build it out to be both a generator and an editor for users. This way my users can build forms and surveys without needing me to code anything for them.

https://codesandbox.io/s/react-semantic-ui-recursive-forms-59te8?file=/src/components/DynamicForm.js

Avatar for Taylor Brazelton Taylor Brazelton
posted to Icon for group Developers
Developers
 on May 31, 2020
Say something nice to mrbrazel…
Post Comment
  1. 2

    In my experience, like almost all _____ (ux) builders, you kinda need to decide what the max complexity is that you want to offer your users... some will always want to customize more and it's not easy to make a solid builder that offers everything a formstack or paperform offers.

    I recently discovered SurveyJS and I'm impressed with it's json-oriented configs and developer-friendly design. It's mostly free but €500 if you want to license their builder in to your project (I think that's one-time?); but if it does what you want, it's actually kind of cheap for that depth.

    User Avatar andjules
    ·
    6 years ago
    ·
    Reply
    1. 1

      @andjules @nojvek So far, the requirements I've gathered from people in the industry require complexity over the amount of dynamic inputs. See below.

      Required Input Types:

      • Checkbox
      • DropDown List
      • Short Input
      • Long Input

      Complexity:

      • Conditional Fields
      • Group Fields together into pages/tabs
      • Pages need to be able to display multiple groups.
      • No scrolling(if possible) on the form - clicks only
      • Need to define a few fields that are always visible on screen(first_name, last_name, location, etc...)

      SurveyJS seems almost overwhelming compared to what I need, but I'll try it out sometime this week. It looks like a good option if I can limit what types of inputs a user can have. #ThankYou

      Avatar for Taylor Brazelton mrbrazel
      ·
      6 years ago
      ·
      Reply
  2. 2

    Form builders are always fun. What features are you thinking of adding ?

    User Avatar nojvek
    ·
    6 years ago
    ·
    Reply
Trending on Indie Hackers
Priorities for launching a SaaS solo, with no budget User Avatar 93 comments Three Days Before Launch, I Let My Own Tool Tear Me Apart User Avatar 37 comments I thought I was building a news visualization tool. Users thought it was a catch-up tool. User Avatar 34 comments I Rejected a $15K Acquisition Offer for My Multi-Agent IDE — Here's the Full Breakdown User Avatar 28 comments 5 Books, Make Smarter User Avatar 8 comments I realized AI agents don’t fail because they can’t think. They fail because their tools are chaos. User Avatar 5 comments