Material UI in React #4 - Header - adding notification component, reusable menu and much more!

Hello fellow react devs! I am happy to share the fourth part of the series. In today's episode you will learn how to add a custom notification component and hook it up with the reusable MUI menu. I am aiming to create Authentication page and in this part I managed to create a global Header component with lots of various items included, enjoy! Material UI in React #4 Chapters 0:00 - 0:23 - Intro 0:23 - 6:08 - Notification component 6:08 - 7:31 - Reusable menu component 7:31 - 11:37 - Linking functionality between Menu & Notification 11:37 - 13:45 - Customizing Menu & Notification components 13:45 - 14:24 - Avatar component 14:24 - 15:26 - Global Header component 15:26 - 18:54 - Adding middle row items to Header 18:54 - 21:30 - Styling out Header component 21:30 - 24:10 - Adding conditional logics to display diff title on diff URL 24:10 - 24:56 - Outro Completed lesson 4 on Github: https://github.com/theatypicaldeveloper/materialUi-in-react/tree/lesson-4-common-components-completed If you wish to pull the previous version just pull the 'lesson-3-styles' branch: https://github.com/theatypicaldeveloper/materialUi-in-react/branches 📚 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://mui.com/components/buttons/ https://mui.com/customization/theming/ #react #materialui #notification