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