Material UI in React #2 - Adding and customizing navbar, grid & basic routing
This is the second part of the series and obviously I am more than happy to share this video with you. In today's episode you will learn how to:
add and customize Drawer (also known as a navbar)
setup a simple routing for each Drawer item
Thanks for watching!
Material UI in React #2 Chapters
0:00 - 0:20 - Intro
0:20 - 0:47 - Installing routing and MUI Icons
0:47 - 2:51 - Adding Navbar component
2:51 - 5:37 - Adding list items to Navbar
5:37 - 6:45 - Adding icons to Navbar
6:45 - 8:22 - Customizing Navbar styles
8:22 - 12:15 - React-router-dom setup
12:15 - 13:25 - Adding Grid system
13:25 - 13:42 - Outro
Github - lesson #2:
Remember to npm install once you cloned the repo
https://github.com/theatypicaldevelop...
📚 Support me:
https://www.paypal.com/donate/?hosted...
https://www.buymeacoffee.com/theatypi...
🌎 Find me here:
My articles: / the-atypical-developer
Github: https://github.com/theatypicaldevelop...
Instagram: https://www.instagram.com/atypicaldev...
Links mentioned in the video:
Material UI - www.mui.com
React-router-dom - https://reactrouter.com/docs/en/v6/ge...
Material UI icons package - https://www.npmjs.com/package/@mui/ic...
#react #materialui #navbar
On this page of the site you can watch the video online Material UI in React #2 - Adding and customizing navbar, grid & basic routing with a duration of hours minute second in good quality, which was uploaded by the user The Atypical Developer 29 November 2021, share the link with friends and acquaintances, this video has already been watched 58,482 times on youtube and it was liked by 522 viewers. Enjoy your viewing!
