Material UI in React #6 - Form validation, Reusable Modal, Dynamic search functionality!

Hello fellow react devs! I am happy to share part number six of the series. In today's episode you will learn how to add a reusable Modal component, validate the TextField form, dynamically update the users list, and use the searchbar to filter out the list of users . This episode seals off the Authentication page. Haven't decided what i'll touch on when creating the next video. If you wish you can drop me a comment with a suggestion :). Completed lesson 6 on Github: https://github.com/theatypicaldeveloper/materialUi-in-react/tree/lesson-6-modals If you wish to pull the previous version just pull the lesson-5 branch: https://github.com/theatypicaldeveloper/materialUi-in-react/tree/lesson-5-card-and-searchbar Imports / code mentioned in the video: import { useForm } from 'react-hook-form'; import { yupResolver } from '@hookform/resolvers/yup'; import * as Yup from 'yup' const phoneRegExp = /^((\\+[1-9]{1,4}[ \\-]*)|(\\([0-9]{2,3}\\)[ \\-]*)|([0-9]{2,4})[ \\-]*)*?[0-9]{3,4}?[ \\-]*[0-9]{3,4}?$/; 📚 Support me: https://www.paypal.com/donate/?hosted_button_id=Z4X8GFS9M4P6J https://www.buymeacoffee.com/theatypicaldev 🌎 Find me here: My articles: https://the-atypical-developer.medium.com Github: https://github.com/theatypicaldeveloper?tab=repositories Instagram: https://www.instagram.com/atypicaldeveloper/?hl=en Links: https://github.com/theatypicaldeveloper/materialUi-in-react https://mui.com/ #react #materialui #formvalidation