true-brains / react-ui-generator

Easy way to make CRUD forms from metadata.

react-ui-generator a.k.a "CRUD-hammer"

WARNING: THIS PROJECT IS UNDER ACTIVE DEVELOPMENT

Set of libraries and tools for generation React-based UI from metadata. Bloody enterprise is not so scaring when you have CRUD-hammer!

Let amazingResult be the result of doing some amazing things.

"DOM Living Standard"

Example

This is screenshot of the form, generated with bootstrap renderers. Metadata for this form is here.

Features

• Easy to generate entire form from the simple metadata description.
• Set up custom layout in JSX (not in metadata, because markup-on-json is pain).
• Easy to add custom types of fields (renderers).
• Easy to add custom layouts.
• Pure! (no state, just props). Easy to integrate with frameworks (Redux, etc).
• Nested forms. Easy to implement dynamic forms (add/remove fields at runtime, etc).

Architecture

TODO

• complete this README.md
• see Roadmap

react-ui-generator's Issues

Implicit type conversion in onChange for Bootstrap <Select> renderer (and mayve others)

Field meta:

    {
      "id": "sex",
      "renderer": {
        "type": "select",
        "config": {
          "label": "Sex",
          "title": "Choose your gender",
          "options": [
            { "id": 0, "title": "Female" },
            { "id": 1, "title": "Male" },
            { "id": 2, "title": "Other" }
          ]
        }
      }
    },

Field data (after onChange):

{
  ...
  sex: {value: "1", isDirty: true}
}

Should this not be type=password?

https://github.com/react-ui-generator/react-ui-generator/blob/8f12107487efda426681c911782d4d3d08d1d706/packages/demo/src/meta/complete.json#L19

Rather than text should it not be password? you don't need isPassword property.