Back to Browse

Material UI in React #2 - Adding and customizing navbar, grid & basic routing

58.7K views
Nov 29, 2021
13:43

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/theatypicaldeveloper/materialUi-in-react 📚 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 mentioned in the video: Material UI - www.mui.com React-router-dom - https://reactrouter.com/docs/en/v6/getting-started/installation Material UI icons package - https://www.npmjs.com/package/@mui/icons-material #react #materialui #navbar

Download

0 formats

No download links available.

Material UI in React #2 - Adding and customizing navbar, grid & basic routing | NatokHD