In this video we learn how to fetch data and orchestrate data changes between multiple MaterialUI Autocomplete components inside a React Hook Form.
🎥 Part one of this component/exercise :https://youtu.be/5UhpJHcA6Oc
🔗 Starting point: https://codesandbox.io/s/mui-autocomplete-result-u65kf2
🔗 End result: https://codesandbox.io/s/mui-autocomplete-data-fetching-refactoring-65ge15
React Hook Form Docs Page: https://react-hook-form.com/get-started
MUI Autocomplete Docs Page: https://mui.com/material-ui/api/autocomplete/
Chapters
00:00 Intro
00:51 Starting point overview
01:30 Extracting form component
06:22 Lifting state up from the form
12:25 Clearing form fields programatically
20:35 Fetching Data for Car Makers
24:58 Fetching Data Conditionally for Car Models
27:44 Recap
30:00 Render Props
34:00 Context for controller
38:55 Outro
