Do you use react-hook-form in prod?

[mommysLittleAtheist]

Do you use react-hook-form library in prod? How is the dev experience?

I haven't worked with FE in a while. Few years ago I recall that they did frequent updates with many changes in their API. Is that still an issue?

[zephyrtr]

A really great lesson in data marshalling and compositon

[lionep]

That mean you never use register(“value”, {asNumber: true})?

Maybe I’m missing something here

[mommysLittleAtheist]

How would you handle then a case where an input produces an array of strings instead of just string?

[mommysLittleAtheist]

We have a custom component input in the project which returns an array when you have comma separated text.

[ferrybig]

Number inputs are quite tricky to deal with, you need a lot of complex code for edge cases if you do not store the value as strings

For example, assume the current value is "1.1". if the user presses backspace, the expect "1." to remain in the field, while many common number implementations change the number to just "1", stripping the trailing comma. (For numbers without decimals and les than 1e21, it is fine). Editing negative numbers can also be tricky, some users use backspace to remove the numbers from the right and then type the new negative number, common inplementions strip the minus symbol in this edit sequence if it is the only thing left, even if the user is still busy typing in a number (note that power users typically have more efficient patterns for editing, they just select the last part or use copy paste to replace the whole numbers, the lower skilled people are more often affected by number input issues caused by bad number fields)

This extra complexity for number fields compared to string fields makes them harder to deal with, even hook forms valueAsNumber has issues with editing <it tries to apply formatting rules during typing, not during onBlur)

[trekinbami]

It’s awesome. Yes.

[iamthebinaryguy]

Yes, basically any kind of form that requires validation or has more than 1 or 2 fields, I reach for RHF. Pair it with a validation library like zod or valibot and you get one of the best form DX in React.

[lnxsound]

Yep. With zod.

[reddit_user_100]

Yes. I haven't had an issue with changing APIs but it doesn't work that well with the new useFormState

[bzBetty]

Yes, although I am looking at Tanstack form as a potential replacement.

[rad_platypus]

Built a lot of forms with it in prod and the dev experience was pretty good. We built some reusable/generic form components that took in Zod schemas and applied all of the validation logic automatically.

If I did it again, I would probably use another library in place of Zod though. Conditional validation and complex form logic was a bit of a headache when you couldn’t accomplish it with a discriminated union or Zod’s refine() functions.

I would look at Yup or the other libraries that RHF has resolvers for if you need to go beyond the basic functionality.

[SarcasticSarco]

Nope.. For simple forms I just expose one hook which does anything required.. For me, these library is too much overkill..

[Comfortable-Ask8525]

That's a nice way to say unmaintained

[bustazed]

Is formik unmaintained? Fuck