Cara Membuat Responsive Floating Navigation Menu Menggunakan React JS

Опубликовано: 01 Март 2026
на канале: Fahruul C

328

Online Preview :
https://fahruulc-floating-navbar.verc...

Source Code GitHub :
https://github.com/fahruulc/Floating-...

Cara Clone Repository dari GitHub :
   • Cara Clone Repository dari GitHub

Link CDN unicons (icon) :
https://unicons.iconscout.com/release...

Link pencarian icon :
https://iconscout.com/unicons/explore...

Link personal Website : https://fahruulc.vercel.app

playlist Personal Website Menggunakan React JS :
   • Personal Website React JS

Cara Deploy / Hosting / Upload React JS Supaya Website Kita Dapat Dilihat Orang Lain :    • Cara Deploy / Hosting / Upload React JS di...

timestamp :
0:32 - Demo
1:04 - Prerequisite
2:12 - Install React JS
4:35 - Set Up Folder & File
8:32 - Design Navigation Menu
16:00 - Styling Navigation Menu (Dekstop)
25:33 - Styling Navigation Menu (Mobile)
33:13 - Selected Effect (useState)
34:18 - Closing

link Sosial Media:
Instagram :   / fahruul.c
TikTok :   / fahruul.c
YouTube :    / @fahruul.c
GitHub : https://github.com/fahruulc
Linkedin :   / fahruul-c
Gmail : [email protected]

copy CSS
/* breakpoints */
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 576px) {
}
@media screen and (max-width: 350px) {
}

#frontenddeveloper #reactjs #softwareengineer
#javascript #nodejs #npm