Skip to content
This repository was archived by the owner on Jan 9, 2023. It is now read-only.
This repository was archived by the owner on Jan 9, 2023. It is now read-only.

Forms聽#32

Description

@jackcmeyer

馃殌 Feature Proposal

Add forms to the component library.

Forms should have:

  • form builder: outputs a jsonschema, including validation and field types
  • auto building forms from a jsonschema
  • auto validating on predefined input types; function on custom input types

Motivation

Forms are used to enter information.

Example

Creating a new patient.

Relevant Links

  • (formik)[https://bundlephobia.com/result?p=formik@1.5.8]

Activity

  1. modified the milestones: v0.1.6, v0.2.0 on Sep 16, 2019
  2. ben-m-j-taylor commented on Nov 3, 2019

    @ben-m-j-taylor

    Hi, I'd be interested in picking this issue up!

    I'm just wondering if it might be worth separating the Form and FormBuilder components into their respective issues? As they seem like two very distinct components and chunks of work :)

    If not I鈥檓 perfectly happy to do both as part of this issue :)

  3. matteovivona commented on Nov 3, 2019

    @matteovivona
    Contributor

    @irvelervel what do you think?

  4. irvelervel commented on Nov 3, 2019

    @irvelervel

    Hello everyone. I already did a pretty significant amount of work tooling a form generator system in the past, complete with autobuilding-from-schema features; the only problem is that I built it upon redux-form (https://github.com/redux-form/redux-form) which now seems to be much less relevant than it was at the time. Me and the rest of the core team agree that formik (https://github.com/jaredpalmer/formik) is a strong base to build upon right now.
    @B-Taylor123 I didn't intended those (the form and the formbuilder) as two separate components :) once the form-generator system is build up, you can pass a configuration to it a that renders a form which outputs the values selected as a valid json schema; then, this json schema could be passed again to our form-generation system to create the desired form.

  5. ben-m-j-taylor commented on Nov 3, 2019

    @ben-m-j-taylor

    Ahhh, thanks for clearing that up @irvelervel :) I鈥檇 still like to pick this task up if that鈥檚 cool with everyone?

  6. irvelervel commented on Nov 19, 2019

    @irvelervel

    @B-Taylor123 really sorry for the late response. I apologize but I realized I want to take some time to inspect my old code and check all the features implemented at the time in order to have a clearer picture of the code portions we need to write from scratch. We are probably going to have an open talk about this: we'll be glad if you can be a part of it. Stay tuned ;)

  7. ocBruno commented on Dec 12, 2019

    @ocBruno
    Contributor

    Not sure if this has already been discussed and decided upon but if not I am also interested in helping out with this form builder if any help is needed.
    I was taking a look at react-final-form as a substitute for formik as its smaller, only has the final-form dependency which itself has zero dependencies. It might have all the needed functionalities and serve as a better substitute for the form component but i'm not certain.
    If anyone with a better grasp wants to check it out and give there opinion here is the project link!
    https://github.com/final-form/react-final-form
    I am more than willing to read into final-form and react-final-form if needed for the form constructor and even begin the boilerplate code to help start it up.

  8. fox1t commented on Dec 13, 2019

    @fox1t
    Member

    Hi @ocBruno, we analyze almost everyone form component and we decided to go with Formik. We like its philosophy and flexibility. We will try to use it as first choice and if it won't work for our needs we can re-evaluate react-final-form.
    As usual, every contribution is welcomed! Thanks :)

  9. 1 remaining item

  10. modified the milestones: v0.2.0, v1.0.0 on Feb 20, 2020
  11. satishbabariya commented on Jun 12, 2020

    @satishbabariya

    Hello @fox1t, these three libraries will be helpful for the reference implementation.

    Drag and Drop UI for Form Which Generates JSON at the end
    https://github.com/surveyjs/survey-creator

    Form Library that consumes JSON and display form
    https://github.com/surveyjs/survey-library

    and this one doesn't for creation UI but has JSON to Form implementation.
    https://github.com/rjsf-team/react-jsonschema-form

  12. toniton commented on Aug 15, 2020

    @toniton

    Hi guys, I'm a bit late to the party, but I think https://react-hook-form.com/ is a much better library than Formik IMO. It was built on react hooks concept, and pretty intuitive to implement.
    Does anyone know how much work has been done? As I would like to contribute to this issue.

  13. cpondoc commented on Dec 18, 2020

    @cpondoc

    Hi, @blestab @fox1t @tehkapa @jackcmeyer -- would love to take this on if no one is working on it!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions