[RFC] Add Form & Field components to new app template

[flybayer]

What do you want and why?

Forms are tricky, mundane, and always present. We should add a versatile Form component to the new app template that serves as a great starting point for folks.

I came across this basic Form + Field code with vanilla React by Swizec. And I think this would be a perfect starting point for this.

There's certainly not agreement on the best form library, so I think we can tackle this in two stages:

1. Include a vanilla React form by default
2. Later add a prompt to blitz new for choosing other forms like Formik, Final Form, etc

I really like the form generator concept proposed by Swizec in the linked article. I've used this approach myself several times. This would be used by default regardless of the form library.

The generator concept also makes it straightforward for the blitz cli generators to modify the form fields.

You can view Swizec code here: https://codesandbox.io/s/staging-frog-cmcgr?from-embed=&file=/src/App.js

It's going to be tough to find a perfect solution here that makes everyone happy. The goal is not to have the perfect solution for everyone but to find the least common denominator. If we meet that, then it's a straightforward path for each dev to customize the default to their liking.

[dajinchu]

It feels to me like this is where generators can shine, but it doesn't feel super "in scope" for Blitz. Would the vanilla React form always be included in new projects, or would we ask if that's something they want?

[coreybrown89]

The idea of a generator seems promising and the approach Swizec proposes feels pretty natural. It would be cool to have the forms build out if you run blitz generate scaffold <model> and populate the associated CRUD pages.

While I'm here, I think react-hook-forms could fit really well with the generator model. There wouldn't me much more to add to get it functioning.

[jay-jlm]

Been using it and I really like it. https://www.npmtrends.com/react-hook-form

[jay-jlm]

Sounds like a good plan. Alternatively: https://www.npmtrends.com/react-hook-form

[flybayer]

Form & Field components have been in new apps for awhile now.

Related discussion form library options: #768