React Sidebar Navigation Menu using React Router v6.4 - Beginner Tutorial

  Рет қаралды 51,430

Brian Design

Brian Design

Күн бұрын

Пікірлер
@maxlerman754
@maxlerman754 Жыл бұрын
Cheers dude, I've been looking for a simple sidebar component video for ages :)
@mounir101
@mounir101 2 жыл бұрын
And then we get started on coding in 2042. LOL:) Thanks so much. Brian and welcome back again.
@briandesign
@briandesign 2 жыл бұрын
lmao my cra was taking too long to finish
@YOLITOPINTO
@YOLITOPINTO Жыл бұрын
Nice and clear! It solved my migration from v5 to v6+. Ty ✨
@masondee4694
@masondee4694 2 жыл бұрын
Great video for this update! Definitely a little more complicated but you explained this very well. Thank you!
@airdroptutorial4559
@airdroptutorial4559 Жыл бұрын
now only see your video perfect staright forward easily explaination bro.out put also perfectly working tnx for the video bro
@bilalhussainch.8098
@bilalhussainch.8098 11 ай бұрын
Thanks brother very helpful tutorial
@JorgeTobarra-r5l
@JorgeTobarra-r5l Жыл бұрын
You're a life saviour, thank you
@fabriqr2930
@fabriqr2930 10 ай бұрын
Thank You Nice Video Bro
@Jgv1919
@Jgv1919 Жыл бұрын
Why app.js was not use or was it removed in the app?
@easyworkouts694
@easyworkouts694 10 ай бұрын
Helpful tutorial👍
@gbengz1
@gbengz1 8 ай бұрын
Great video!
@Notyoubiz
@Notyoubiz 2 жыл бұрын
Can you do one using to wrap it? I'm trying to see different methods to see which is the best approach.
@e404
@e404 11 ай бұрын
life savior
@Sami-jb8cx
@Sami-jb8cx Жыл бұрын
very good tutorial, thanks
@89mww
@89mww 10 ай бұрын
ty, docs definitely could have made this common use case more obvious for all the people who were used to 'just put the route and element shows up' in prev versions. also why is there no search on their docs??? bananas
@k1dz0r90
@k1dz0r90 Жыл бұрын
Awesome tutorial, thanks. But how you push the content to right when sidebar is active
@designart4928
@designart4928 Жыл бұрын
so helpfull thankyou dude
@AMoktar
@AMoktar 2 жыл бұрын
Awesome, thanks. But what about protected routes
@briandesign
@briandesign 2 жыл бұрын
I can make another video about those since this tutorial is just showing a simple nav menu
@AMoktar
@AMoktar 2 жыл бұрын
@@briandesign it is awesome tutorial, very straight forward. Thanks
@mohamedyoussef8835
@mohamedyoussef8835 Жыл бұрын
Awesome video +++++++++ 🙂
@gabriellopez2737
@gabriellopez2737 2 жыл бұрын
Hey bro, do you know how to implement this in electron? I made an app with this, and it works fine in development, but error 404 in production, and I don't know why.
@felipechaves3389
@felipechaves3389 8 ай бұрын
how will you do in the content of the elements, lets say you have a card that you can click on it and that will link or push you to the page its referring to. How will the side bar work? So you are in home, inside home there is a button to go to about us, and the side bar ofcourse there was an option for about us. Will it mark as active the about us?
@EdwardeAkmad
@EdwardeAkmad 2 жыл бұрын
thank you for showing code
@rojka-_-
@rojka-_- Жыл бұрын
bro why ur not using jsx?
@RaphealOhihon
@RaphealOhihon Жыл бұрын
please i need the full documentation of the css file on the video because it was not all that was display
@dbiswas
@dbiswas Жыл бұрын
Is it possible to have React Side Bar as well as Navbar on the header on the same page.
@sharoofskhan3118
@sharoofskhan3118 Жыл бұрын
yes
@mihirlakhamje9575
@mihirlakhamje9575 Жыл бұрын
Question If an application starts with landing page and further goes to dashboard... i wants to hide the side bar on landing page and show on dashboard. how should i approach?
@airdroptutorial4559
@airdroptutorial4559 Жыл бұрын
how to connect my website home to this home
@chasethegamer57
@chasethegamer57 2 жыл бұрын
I copied the code from GitHub but the icons for the menu items aren't there. How do I fix?
@briandesign
@briandesign 2 жыл бұрын
did you install the react icons package?
@chasethegamer57
@chasethegamer57 2 жыл бұрын
@@briandesign Yes but it’s ok now, I had {item.Icon} misspelled :/
@odda123
@odda123 Жыл бұрын
The main content is not responsive yet, when the sidemenu closed the main content should come to the left side of the screen
@Julia-yw1ly
@Julia-yw1ly 11 ай бұрын
i think u do this with the css file. google media query responsive design css. ive built a responsive website before with html and css
@MagnusVictorinus
@MagnusVictorinus 2 жыл бұрын
Hi, Bro
@briandesign
@briandesign 2 жыл бұрын
yooo
@melvinjisieike7889
@melvinjisieike7889 10 ай бұрын
This is not a beginner video he just talks without saying anything and deosnt bother to explain just wasted my time
React Navbar Responsive Using React Router v6.4 - Beginner Tutorial
34:42
Learn React Router v6 In 45 Minutes
46:20
Web Dev Simplified
Рет қаралды 572 М.
Как Я Брата ОБМАНУЛ (смешное видео, прикол, юмор, поржать)
00:59
How To Choose Mac N Cheese Date Night.. 🧀
00:58
Jojo Sim
Рет қаралды 116 МЛН
React Navbar Tutorial - Beginner React JS Project
57:41
Brian Design
Рет қаралды 329 М.
Cursor's New AI Agent is INSANE (Best Way to Code?)
10:40
AI Code Pathways
Рет қаралды 1,6 М.
How to Create a Navbar using React Router - 2023
16:59
Bryam Loaiza
Рет қаралды 8 М.
Learn React Router v6 - Full Course
1:43:23
freeCodeCamp.org
Рет қаралды 61 М.
Responsive Navbar in React using React Router | Beginner Tutorial
26:16
React Sidebar with React-Router | Side Menu with Routes in React
14:10
Code With Yousaf
Рет қаралды 36 М.
How To Create A Navbar In React With Routing
19:16
Web Dev Simplified
Рет қаралды 403 М.