React + SASS Navbar Component | Fully Responsive | ReactJS Project Tutorial

Опубликовано: 15 Март 2026
на канале: Kyle Friel | AI Software
7,175
151

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 and the css preprocessor SCSS.

📁 Assets
GitHub Repository: https://github.com/CodeFocusChannel/n...
Google Fonts: https://fonts.google.com/specimen/Ubuntu
NodeJS: https://nodejs.org/en/
VSCode: https://code.visualstudio.com/

A like on this video and a subscription to the CodeFocus channel would be greatly appreciated!
   / @kylefrieltech  

⏱️ Timestamps
0:00 Initial Setup
3:45 SASS Setup & Variables
11:45 Navbar JSX & Styling
33:30 Navbar Functionality
37:00 Navbar Alt Format
38:35 Outro

👍 Thanks for watching!
Make sure to like and subscribe for more.
Comment what you'd like to see from this channel in the future!