Forms are used to collect data for processing from users. Many websites today have one or more forms. If you work with React, you know that it prov...
Some comments have been hidden by the post's author - find out more
For further actions, you may consider blocking this person and/or reporting abuse
I usually use React Hook Forms, they are updating the library often and with the context it is very easy to create components that take advantage of the form utilities they provide.
If the form is big enough the combination of React Hook Forms + Yup is awesome, I used to really hate working with forms but now I can admit it's very affordable.
The only downside of it is its asynchronicity. Whenever you need to get the most actual data you need to use
useWatchorwatchfromuseFormhook. They decrease performance heavily.Also, It doesn't work properly in case of setting the default value.
I haven't been in such situation before.
But when you use this with material UI. you will get to know how complex is this to handle the default value.
You can also have a look into this.
npmjs.com/package/formify-react
This is just a share of a product I use that has a deep integrations with React, Vue and even Angular. Have you heard of Wijmo? grapecity.com/wijmo/react-ui-compo... It has 100+ dynamic JS UI Components.
Low level learning curve available on npm
You shouldn't be doing this. Your comment is not related to my post and trying to promote your product in a manner I find to be unethical.
Didn't mean to offend, we have a react library similar to Kendo. It relates to your article as we are not listed and thought I would send you the details, in case you were interesting in learning about other alternatives. I will remove my comment but it was not be unethical, it was being informative. This is a place where we come together to learn and share. I learned from your article and then I shared what I know. Sorry Peter.
Seems you updated your comment....
How does Wijmo deal with Forms in React? I couldn't find anything relating to that in your library.
Hey @pmbanugo ! What about uniforms.tools/? IMHO it's a good one. What made you decide it wasn't in your summary? I think it has even better solutions in some specific areas than mentioned ones.
Can you suggest a form library for a multi step form in which I can include interactivity ( such as handleClick or onHover ) for the step numbers (the numbers at the top that show the step you are in) . I want to include handle click such that user goes directly to that step if he clicks on a certain number (step number).
It's mostly the combination of forms with a tabstrip, customizing the tab strip... as to what that takes, depends on your UI components you're already using as to what approach or styling is needed.
In the end, what you're doing is a combination of things, not an out of the box component. This is where you get into custom development beyond CRUD.
Hi Gupta,
Any of the libraries I mentioned can do that. Here's an example using KendoReact .
Thanks
You can also have a look into this.
github.com/react-component/field-form
I prefer to just use forms provided by bootstrap:
react-bootstrap.github.io/componen...
Nice article. You said "while React Hook Form uses hooks and uncontrolled inputs". I'm not sure that you meant that, but React Hook Form works pretty well with controlled inputs also (done it myself).
I haven't looked at it recently but I think that was the case as at when I wrote the article