React + SASS Header Navbar Component | Fully Responsive | React JS Project Tutorial w/ React Router
In this video, I will be walking you through the build process for a fully responsive and reusable header / navbar component built with the popular JavaScript framework React. For functionality, we'll use modern react hooks and for styling we'll use custom SCSS modules. Towards the end of the video, you'll see how you can implement the react router standard library and how to then connect your navbar links so that your application has full routing capabilities.
📁 Assets
GitHub repository: https://github.com/CodeFocusChannel/n...
Google Fonts: https://fonts.google.com/specimen/Pop...
In this project we'll use React, react-router-dom, react-icons, scss modules, css flexbox, and more!
A like on this video and a subscription to the CodeFocus channel would be greatly appreciated! / @codefocus
⏱️ Timestamps
0:00 Intro/Demo
2:10 Project Setup
11:00 Navbar Build/Styling
27:20 Navbar State/Functionality
33:45 React Routing
38:40 Outro
My previous tutorial: • React Website using Custom Hooks, Rea...
👍 Thanks for watching!
Make sure to like and subscribe for more.
Comment what you'd like to see from this channel in the future!