In this first video of the mini series about controlled components we talk about the simple process of integrating virtually any controlled react component with React Hook Form.
We also see what the end result will look like after we're done with the controlled components integration series of videos.
We start off with a simple NextJS project that has MUI installed already and integrate the Checkbox Component.
👩💻 Github Links:
Starting point for this video: github.com/vladnicula/control...
End result of this video: github.com/vladnicula/control...
📔 Chapters:
00:00 Intro
00:41 Project Overview
02:05 Controlled Components
04:28 Step 1: Controlled Properties & API
07:13 Step 2: Component in Isolation
12:43 Step 3: RHF Controller Integration
21:23 Step 4: External Value Handling
29:10 Uncontrolled to Controlled
30:27 Recap & Outro
22 июл 2024