Today we'll build a mobile responsive navigation bar with React, TypeScript, and Material UI. This is a perfect navbar component for any website you need to build — personally, I'm using it on my next personal portfolio website! I've set up the codebase in a very scalable fashion and integrated eslint with prettier. By coding along, you'll get to use professional best practices and improve your software engineering career. Thank you for watching! Please be sure to leave a like, comment, and subscribe for more coding content.
GitHub Repo: https://github.com/CodeFocusChannel/m...
Copy and Paste Resources:
Dependencies: https://github.com/CodeFocusChannel/m...
tsconfig.ts: https://github.com/CodeFocusChannel/m...
.eslint.json: https://github.com/CodeFocusChannel/m...
.prettierrc: https://github.com/CodeFocusChannel/m...
.editorconfig: https://github.com/CodeFocusChannel/m...
.vscode: https://github.com/CodeFocusChannel/m...
Timestamps:
0:00 Intro/Demo
1:33 Setup & Dependencies
5:50 Start Project
15:26 Navbar
27:10 Responsiveness
44:30 Outro
On this page of the site you can watch the video online React, TypeScript, Material UI — Navbar Component Mobile Responsive & Smooth Scroll with a duration of hours minute second in good quality, which was uploaded by the user Kyle Friel | AI Software 16 October 2022, share the link with friends and acquaintances, this video has already been watched 7,101 times on youtube and it was liked by 79 viewers. Enjoy your viewing!