Responsive Navbar using React, React BootStrap and React Router Dom

In this video i have shown how to create navbar using react, react bootstrap and react router dom V6. I have also shown how you can solve the error of Attempted import error: 'Switch' is not exported from 'react-router-dom'. using react router dom version 6.

TimeLapses :
00:00 - Introduction
00:11 - Navbar React Application Demo
00:55 - Create react app using npx create-react-app
02:03 - Install React Bootstrap on react application
03:09 - Add Navbar on react application
04:52 - Install react-router-dom version 6
07:35 - Add Routes to your path of Link

➡️ Support me

Stay Connected :

Join Community :

Follow me on :

#CodeWithArjun #Programming #react #navbar

[architpandey]

mannnn i was searching for this..every tutorial i watched is outdated, it was worth the search..thanks

[JMVARGHESE]

Awesome tutorial. I watched several videos to find a quick react-bootstrap navbar and yours was by far the easiest to follow as a fairly new coder. Thank you!

[joelexperienced]

hey, GREAT video. Concise and to the point. With how quickly versions change, it's great to have something current.

[DayFieldHD]

I never let comment on video. But thx to help me understand Router !

[Ladalisarkar]

Toooo much thank u dont know your vdo solve my major a lot big thanks 🙏🙏🙏🏻

[AlphaGraphics-oh]

😂😂😂😂😂😂
Well done
Explained well
But it was funny that
Copy and paste
But excellent work and to the point explaination
Excellent

[donutstudios]

bro i absolutely fucking love this dude

[editinghuman]

My page goes blank when I replace

href=".." with as={Link} to="/home"

What is the problem?, I have also imported Link from react router dom

[guitarDad]

Very good course tutorial. Thanks for sharing.

[g.a.]

Thank you thank you thank you thank you thank you much. It means a lot for me. I wish you a happy day and a wonderful life.

[Shivam-pandit-noida]

when I click any navbar tab page. toggle is not closing. please explain

[mahmoudrabbas]

in a sm screen the toggle icon only opens and doesnt close!! how i can fix this.. and tyvm

[LegitGamer-kibp]

I didn't knew react would be such a complex subject to study. I don't want to learn react now.

[eshw]

If you can maybe do a video where you use Link and Router from scratch without Boostrap it would be easy for a beginner to understand thanks.

[vbombos]

The "active" class on the current navbar item goes away as soon as you click anywhere on the page. You can even see the behavior at the end of the video.

[mohanmunagala]

great video.good explanation..Thanks..Mohan

[malathikalva]

I am getting error...export 'link' (import as 'link') was not found in 'react-router-dom'....pls tell me how to solve??

[haiderjaafer]

Great work keep going forward… how can navbar to the right

[sangaytamang]

hey please make a video on oracle sql developer i am unable to start a new/select database connection in mac air m1 chip
its showing
error [the network adapter could not establish the connection]

[Micha-igic]

Menu hide after use nav item??? This navbar is not complete.