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
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Material UI in React #4 - Header - adding notification component, reusable menu and much more!», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.