React Hook Form Controlled Components 2: Parsing values & MUI TextField

In this second video of the Controlled Components mini series we apply the steps we learned in the previous video and integrate the TextField from Material UI. Because we are building a number field for our form we discover another essential element that will go into our controlled fields: Value Parsing. This concept will be essential for more complex components moving forward. 👩‍💻 Github Links: Starting point for this video: https://github.com/vladnicula/controlled-react-hook-form-components/tree/feat/controlled-components-video-01-end End result of this video: https://github.com/vladnicula/controlled-react-hook-form-components/tree/feat/controlled-components-video-2-end 📔 Chapters: 00:00 Intro 00:41 Codebase overview 01:52 Using the TextField in isolation 04:28 Wrapping the TextField in RHF Controller 06:30 Setting values from outside the form 08:45 Value Parsing 15:56 Up Next 16:45 Outro