React Form Best Practices

Learn how I build forms in React. #react #form

​
----
#benawad

[mjohnson]

Looking at this video made me schedule a hair appointment instantly 😅

[celtic]

Just started setting up Formik for a work project and this is very helpful to know how to use the component method, thanks!

[roscofpv]

Dude.... why didn't you make this video 6 months ago? It's seriously the best thing I've learned all month. I've been struggling through forms in react. When creating forms I miss my 2-way data bindings of AngularJS. This should help ease some of that pain so thank you for sharing. I will be using this today.

[cunningham.s_law]

the virgin to chad transformation is going great

[sarfata]

Great video thanks. I missed those React best practices and glad to see you back at it! You just got a new Patreon!

[CoryMcaboy]

I was missing the getIn functions from my workflow. Thank you.

[WigglyMalmsteam]

You look great. Anyway mainly commenting to say your videos are awesome and I like hearing your opinions and anecdotes.

[mertgenc]

If you are working on functional components, react-hook-form is the best.

[billymwas]

What a coincidence.... was tired copy pasting my forms and landed on this video

[jacksmith]

your typing is aesthetic. all hail vim.

[БорисЮринов-ъъ]

Thanks for video
What do you think about react-hook-form?

[stefanbogdanovic]

Awesomeee exactly what I need. Thanks Ben your areeee fucking awesomeee maaan :D

[tajpouria]

Nice cut, did you know your face is under your logo on the mobile view?

[garymcbride]

Hi Ben - great video - how would you handle a checkbox?

[szyszak]

Why are you using an arrow function to return <Form> and it's children inside <Formik>? Wouldn't it render the same without this function?

[volodymyrklimov]

Do you prefer using <Formik /> HOC instead of useFormik to build complex forms?

[roscofpv]

Do you know if there's a JSX equivalent of this:
`export const TextFormField: React.FC<FieldProps> = ({ `

I'm not familiar enough with TS to understand what that <FieldProps> would be translated to.

[danilodelconsole]

Hi Ben.. Could you show an example with textfield and radio button in the same form? Tksss

[rwqhipzq]

Good information, but what's up with the mic quality?

[nile]

Hey Ben, i'm new to typescript and am getting an error with my linter than I need to validate my props or something. In the textfieldform.tsx, if I add `import PropTypes from 'prop-types';` to the top, and add

`TextFormField.propTypes = {
field: PropTypes.any,
form: PropTypes.any,

};`
before the export default at the bottom, the errors will go away but, field is supposed to be What's the proper propType to put for field?