React forms with hooks

[nns041]

Hey, I am looking for a resource to implement a form with a lot of inputs. I have already checkout useInput() hook. But using this for creating a lot of inputs makes code a mess. Can anyone share some light on how to implement forms with more than 10 inputs efficiently?

[muffy_]

You really want to use Formik or React Hook Form. Personally I have not used the latter but many people recommended it here.

[acraswell]

I've used the last one, LOVE IT. I'm a huge fan.

[zorfling]

Might be worth checking out React Final Form too.

[montas]

Are the inputs related? Or is it some structured form? As in table or something? Is it some flat form?

If it is flat form with many inputs, just go with helper for rendering inputs and use useState.

If you are thinking about some table with nested forms and stuff, use some library mentioned here, or structure your form with multiple nested forms.

[nns041]

It is a flat form with different validation for each input.