React Router v6 Complete in One Video (Hindi)

  Рет қаралды 35,637

Geeky Shows

Geeky Shows

Күн бұрын

React Router v6 Complete in One Video Hindi
00:00:00 Official Website
00:01:40 Official Documentation
00:02:18 Introduction to React Router
00:04:40 Create and Running React JS Project
00:06:35 Installing React Router v6
00:08:00 BrowserRouter
00:09:50 Route
00:11:10 Routes
00:11:53 Route with Components
00:16:13 Creating Navbar
00:18:00 Why We should not use a tag
00:20:30 Link
00:22:48 Styling Link
00:23:10 NavLink
00:24:17 isActive
00:27:41 No Match URL - 404 Page not Found
00:29:32 Dynamic URL
00:34:06 useParams
00:38:49 useSearchParms
00:43:37 Conditional Route
00:47:57 Navigate
00:51:34 useLocation
00:53:43 useNavigate
01:01:07 Creating and Running React JS Project
01:02:45 Layout
01:04:43 Nested Route
01:08:14 Outlet
01:11:25 index
01:22:52 useRoutes
React JS : • React JS (Hindi)
React JS Project: • React JS Project
Source Code: github.com/geekyshow1/ReactRo...
Check Out Our Other Playlists:
/ geekyshow1
Learn more about subject:
www.geekyshows.com/
________________________________________________
If you found this video valuable, give it a like.
If you know someone who needs to see it, share it.
If you have questions ask below in comment section.
Add it to a playlist if you want to watch it later.
________________________________________________
T A L K W I T H M E !
Business Email: contact@geekyshows.com
KZbin Channel: / geekyshow1
Website: www.geekyshows.com/
_______________________________________________
Make sure you LIKE, SUBSCRIBE, COMMENT, and REQUEST A VIDEO! :)
_______________________________________________

Пікірлер: 113
@riyazahmedpathan3850
@riyazahmedpathan3850 Жыл бұрын
I Switch From CodeWithHarry and THAPA TECHNICAL to this Channel to Learn ReactJs, Easy and Simple way step by step no confusion clear and simple, Amazing #GeekyShows.
@CodeWithKaal
@CodeWithKaal 9 ай бұрын
Same here bro
@nehanalini1606
@nehanalini1606 2 жыл бұрын
Wow explained it in a very simple and precise way. Love how you teach. One can easily understand it.
@ameer_aley
@ameer_aley Жыл бұрын
Better explained than ' CODE WITH HARRY ' & ' THAPA TECHNICAL '
@user-wl6rz7cf9i
@user-wl6rz7cf9i 7 ай бұрын
100% right ❤
@bigbossakid1996
@bigbossakid1996 Ай бұрын
100000% right
@motivationalhub2056
@motivationalhub2056 2 жыл бұрын
best teacher of codding ever i seen......
@AunSyedShah
@AunSyedShah 2 жыл бұрын
Love from Karachi, Pakistan. Superb Channel for learn Web Development.
@mongodb-hm6bl
@mongodb-hm6bl 3 ай бұрын
I am so glad ,that I have learned react, react redux toolkit and react-router-dom from your videos , you have created great courses , very much appreciated , thank you so much for sharing such a depth understanding of technologies
@chaitanyasawant776
@chaitanyasawant776 2 жыл бұрын
Sir u are always best in whatever u teach. Thank u so much. I have followed your Django series ans it helped me a lot. Thank you for creating such amezing content. Please keep doing this and help many people. Once again thank you sir🙏
@Cartoon_network996
@Cartoon_network996 Жыл бұрын
Mjh kisi ki video itni achi smjh nh aye jitni achi apki ayee hai thanku brother
@jigarjoshi9198
@jigarjoshi9198 2 жыл бұрын
i was stuck for whole day in this react router dom .... one of best vedio i found ..
@alamshaikh4358
@alamshaikh4358 2 жыл бұрын
Sir please upload E-commerce full project using MERN stack.
@anubhavkarki4597
@anubhavkarki4597 Жыл бұрын
What an amazing tutorial..Absolutely loved it..
@mianusman1916
@mianusman1916 Жыл бұрын
Wow that's Amaizing explained it in a very simple and precise way. Love how you teach. One can easily understand it.
@abhinavshukla5628
@abhinavshukla5628 Жыл бұрын
You are best bro ...gajab ka samjhaya aapne
@rohandas6657
@rohandas6657 2 жыл бұрын
Thank you so much sir , this is best channel for web development ❤️
@jagdishjena9058
@jagdishjena9058 2 жыл бұрын
Thank you so much sir, mazza aa gaya apse padkar, waoo what a amazing tutorial, Excellent sir. Thank you once again.
@khatariinsaan5284
@khatariinsaan5284 Жыл бұрын
The is the most Important Video for Reat Router v6 I have Ever seen on youtube
@user-uf5rf9ed7o
@user-uf5rf9ed7o 10 ай бұрын
liked video before watching .
@syedmuzzammil5739
@syedmuzzammil5739 Жыл бұрын
Such a simple and well explained video, keep it up!
@himanshuyadav5433
@himanshuyadav5433 10 ай бұрын
Thanks for react router v6 explaining in very simple way😊
@Travel_grp84
@Travel_grp84 2 жыл бұрын
Sir I m very grateful of you I have learned lots of technology from yours hardworking thanks again
@singhm4709
@singhm4709 2 жыл бұрын
well explained! Thanks a ton!
@user-mv5we9vb2i
@user-mv5we9vb2i 3 ай бұрын
Superb!. This video helped me a lot.
@CodeWithKaal
@CodeWithKaal 9 ай бұрын
Sir , thank you so much...this is the best channel
@sourabhpatil1296
@sourabhpatil1296 2 жыл бұрын
thank you for this video . its very usefull for me.
@upendrakumarpandit5340
@upendrakumarpandit5340 2 жыл бұрын
Thanks a lot sir.
@MuhammadAhmed-wb2sq
@MuhammadAhmed-wb2sq 2 жыл бұрын
Thanks really impressed by your knowledge.
@johnnywalker5108
@johnnywalker5108 Жыл бұрын
Great content about react router v6. It's complete video.
@muhammadmumraizmalik8919
@muhammadmumraizmalik8919 2 жыл бұрын
Thanks, bro.
@manaskumarpanda3343
@manaskumarpanda3343 Жыл бұрын
found gem on youtube❣
@dark-knightCoder
@dark-knightCoder 11 ай бұрын
oo nice this was osm video react router on youtube thanks
@neharathour6115
@neharathour6115 2 жыл бұрын
Amazing
@AftabAlam-eh8gd
@AftabAlam-eh8gd Жыл бұрын
Excellent
@kinshukroy4843
@kinshukroy4843 Жыл бұрын
thanku vai
@Entertainment.Tube0
@Entertainment.Tube0 6 ай бұрын
Awesome
@AsadAli-wi1xs
@AsadAli-wi1xs 2 жыл бұрын
nice sir...
@talhakhan4423
@talhakhan4423 Жыл бұрын
Amazing video sir Love from Pakistan❤❤
@Krishna-j3w
@Krishna-j3w 2 жыл бұрын
Thank you so much sir make for video
@AnkitKumar-li1js
@AnkitKumar-li1js 2 жыл бұрын
Hi
@decentshakir2873
@decentshakir2873 10 ай бұрын
awesome tutorials
@TarunKumar-xe5pv
@TarunKumar-xe5pv Жыл бұрын
appreciate work !!. Keep it up
@rajangupta1554
@rajangupta1554 11 ай бұрын
thank you sir for nice video
@niteshchaurasiya1531
@niteshchaurasiya1531 Жыл бұрын
very nice tutorial sir
@aliceneo
@aliceneo Жыл бұрын
thank you
@satishksharma
@satishksharma 2 жыл бұрын
Bro, I request you please make a simple blog website with mui v5 in which use drawer with app and common components that use most. It help beginners how to create drawer with appbar.
@dipanjandas9463
@dipanjandas9463 2 жыл бұрын
Thank you sir. Ek complete Website project banaiye, jahape React JS ka most important features apply hota hai. Mai beginner hu. Mujhe bohot jada jarurat hai.
@geekyshows
@geekyshows 2 жыл бұрын
Follow this kzbin.info/aero/PLbGui_ZYuhijDDvgZ04JAwWCt-x1c2I0g
@atsamali6830
@atsamali6830 2 жыл бұрын
@opgamerzzzz2862
@opgamerzzzz2862 2 жыл бұрын
love you
@wale66656
@wale66656 Жыл бұрын
How can I render only login page in react-router-dom,i dont want the header and footer page to appear in login page
@GauravSharma-gc7mo
@GauravSharma-gc7mo 2 жыл бұрын
Nice
@abdulhaseeb6774
@abdulhaseeb6774 2 жыл бұрын
Sir Plz make video on Protected routes in React router V6 and Material UI Table
@massiahplays2261
@massiahplays2261 2 жыл бұрын
plzz video on java netwoeking basics like favtory method ,class url iss topic par video banaye meri 4 din mai exam hai
@learn029
@learn029 2 жыл бұрын
Hello Sir Mere Local Repository mese .git vala hidden folder delete ho gaya hai ab mene jab local repository me firse git init git add -A git commit -m "All" git remote add origin my_remote_url git push origin master but it's show an error like below master -> master (fetch first) or something time different master -> master (non fast forward)
@raviduttjangid7304
@raviduttjangid7304 2 жыл бұрын
thanks you, please make payment gatewaye with reactjs
@kuchalaggyan2502
@kuchalaggyan2502 2 жыл бұрын
my Old and important question from React Router v6 is ==> How to implement the functionality of in v6. This question is for everyone. 🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔🤔
@TechWrathTV
@TechWrathTV Жыл бұрын
how can we have login page with no header, footer or sidebar, but once we login goto dashboard page then have header, footer, sidebar for dashboar page and all page of the sidebar navigation?
@luckyrawat2573
@luckyrawat2573 2 жыл бұрын
Sir react-router urls don't work when refreshing or writing manually ?
@mehaksharma-jt7sx
@mehaksharma-jt7sx 6 ай бұрын
bahiya best 1 long video btw sonam sonam kon hai ye sonam ........bhaiya got obsessed with sonam
@geekyshows
@geekyshows 6 ай бұрын
bhootni hai
@mehaksharma-jt7sx
@mehaksharma-jt7sx 6 ай бұрын
@@geekyshows 😂
@MuhammadWaseem-lm3cq
@MuhammadWaseem-lm3cq 2 жыл бұрын
Please make a complete video on React Hooks and Context API Thanks.
@geekyshows
@geekyshows 2 жыл бұрын
You should follow React JS Playlist kzbin.info/www/bejne/a3rCY5adnNF6o9U
@TalibKhan-mt8ne
@TalibKhan-mt8ne Жыл бұрын
@@geekyshows in react usememo ,fetch api , useref , etc these some topics do you hava videos ????
@ijazDeveloper786
@ijazDeveloper786 2 жыл бұрын
sir is me activeClassName="" ka attribute use ni kar skty hum jese v5 me hum krty thy
@tarunsikarwar
@tarunsikarwar 2 жыл бұрын
Dear Sir please a make a series of FastApi in python framework
@divyesp7802
@divyesp7802 2 жыл бұрын
Sir "RUST Programming language" par full course in one video banai ae
@czancdy144
@czancdy144 Жыл бұрын
sir can you please make a separate complete video on useParams?
@vijaykoladara8302
@vijaykoladara8302 Жыл бұрын
Can you please make a video on axios interceptor in depth with real world project ?
@iamarbazmulla
@iamarbazmulla Жыл бұрын
Bro can you do thing, I know many youtube channels, and what they do is create projects whether it's in ReactJs, Php, JavaScript, or Python.. so I request you to please make more and more projects using these technologies. Thanks, Rajesh for your wonderful tutorials.
@geekyshows
@geekyshows Жыл бұрын
Hi Kindly Follow our Project Playlist I will upload more for sure kzbin.info/aero/PLbGui_ZYuhijDDvgZ04JAwWCt-x1c2I0g I have created separate Project Playlist for each language and Framework
@iamarbazmulla
@iamarbazmulla Жыл бұрын
@@geekyshows Yes Brother I am also watching those tutorials. ✌️
@climaxbd365
@climaxbd365 2 жыл бұрын
Hello Sir, Please upload e-commerce full project on Laravel. pls sir
@user-kn1gt7uv3v
@user-kn1gt7uv3v Ай бұрын
to solve the link error wrap the link component in BrowserRouter component ....i faced this issue ..so sharing
@php_master
@php_master 2 жыл бұрын
Sir please start angular Toutrial
@RRC786
@RRC786 2 жыл бұрын
mysql mai database ko rename kese karte h???? please reply
@tiwaritiwari1583
@tiwaritiwari1583 2 жыл бұрын
Sonam Gupta bawefa hai....... Greate explanation
@SumitKumar-vu6tf
@SumitKumar-vu6tf 2 жыл бұрын
Theme with materials ui
@animalshorts7610
@animalshorts7610 Жыл бұрын
react router dom v6 main parent to child props kesy pass krta hain Sir.
@switch_off930
@switch_off930 2 жыл бұрын
Hello sir can you talk with me about your e learning project i want to buy it now sir please
@learn029
@learn029 2 жыл бұрын
Sir Jab mene react ko install kiya tab mere ko kuch module vulnerability vale mile to usse kese fix kiya jay? mene npm audit fix command bhi lagaya par fix nahi horaha hai
@geekyshows
@geekyshows 2 жыл бұрын
There is solution But I would suggest you to not to worry about these vulnerabilities becoz When you make build version of your project these will be automatically get resolved
@SumitSingh-wz3wt
@SumitSingh-wz3wt 2 жыл бұрын
Django graphql + Apolo client react js please 🙏🙏🙏🙏
@nikunjvagadiya9358
@nikunjvagadiya9358 2 жыл бұрын
Sir Android kotlin ki puri series baniye plz.
@rakeshpandey6768
@rakeshpandey6768 9 ай бұрын
post/: category is not working for me ... 32:40 ... plz help
@niklausmikaelson7332
@niklausmikaelson7332 Жыл бұрын
26:23 style ka function class me bhi lag skta hai na
@fattehalisunasarasunasara4111
@fattehalisunasarasunasara4111 2 жыл бұрын
Sir please create laravel project
@durga972
@durga972 Жыл бұрын
sir nested router the background color is always active on home like if click about or others link both home and other link background are red at a same. Home link background color all ways red. sir please help me
@itspawanpoudel
@itspawanpoudel Жыл бұрын
use Home
@durga972
@durga972 Жыл бұрын
Thanks bro🥰 I got it after reading the website carefully 😅😅
@ambar69
@ambar69 2 жыл бұрын
Sir, im learning react router first time should i learn v5 first or i can directly go with v6?
@geekyshows
@geekyshows 2 жыл бұрын
You can directly learn V6 No need to learn V5
@ambar69
@ambar69 2 жыл бұрын
@@geekyshows thanks for the reply sir and for your wonderful work.
@ShivamMishra-mn6cs
@ShivamMishra-mn6cs 2 жыл бұрын
sir next js pr tutorial pls
@jagdishjena9058
@jagdishjena9058 2 жыл бұрын
phele koi job lelo, padke
@Murtaza0052
@Murtaza0052 2 жыл бұрын
I want object route
@dhawalparmar7117
@dhawalparmar7117 2 жыл бұрын
Bro hooks par playlist banao
@geekyshows
@geekyshows 2 жыл бұрын
Follow React JS Playlist Its already there
@switch_off930
@switch_off930 2 жыл бұрын
Sir i want to buy your project
@hackerwhite7957
@hackerwhite7957 2 жыл бұрын
Sir Ye (Sonam Kon Hai ) Har Video me Aati hai and Ye Rahul kon hai
@prashantchavan3973
@prashantchavan3973 2 жыл бұрын
bhai ye sonam hai kon
@coderbhai4832
@coderbhai4832 2 жыл бұрын
Sir ye home file auto import kese kiya 13:40 min par
@geekyshows
@geekyshows 2 жыл бұрын
ye default feature hai however aap auto import ki extension v install kar sakte VS Code me
@SadanandGopal17feb
@SadanandGopal17feb 2 жыл бұрын
aap nao barr hi boliye😄
@switch_off930
@switch_off930 2 жыл бұрын
i-school learning
@diwakardwivedi8031
@diwakardwivedi8031 4 ай бұрын
Sonam bewfa nikal gyi thi bhaiya sonam mt render karao
@manmathkar5928
@manmathkar5928 2 жыл бұрын
Sonam bewafa h😂
@basitali2962
@basitali2962 2 жыл бұрын
Sir mera doosra component run nh ho raha just first hi run ho raha h
@nikunjvagadiya9358
@nikunjvagadiya9358 2 жыл бұрын
Sir Android kotlin ki puri series baniye plz.
@geekyshows
@geekyshows 2 жыл бұрын
Follow these kzbin.info/www/bejne/q6CzZX2Bfcyteqc kzbin.info/www/bejne/gH-tXox5rMx1rJY
React Router Complete in One Video (Hindi)
1:02:02
Geeky Shows
Рет қаралды 26 М.
Material UI V5 Complete in One Video (Hindi)
2:43:31
Geeky Shows
Рет қаралды 40 М.
Дибала против вратаря Легенды
00:33
Mr. Oleynik
Рет қаралды 4,8 МЛН
ИРИНА КАЙРАТОВНА - АЙДАХАР (БЕКА) [MV]
02:51
ГОСТ ENTERTAINMENT
Рет қаралды 12 МЛН
NERF WAR HEAVY: Drone Battle!
00:30
MacDannyGun
Рет қаралды 48 МЛН
React Router v6 in depth guide
57:57
Hitesh Choudhary
Рет қаралды 105 М.
Learn React Router v6 In 45 Minutes
46:20
Web Dev Simplified
Рет қаралды 535 М.
Private and Protected Routes in React (using React Router v6)
24:05
Studytonight with Abhishek
Рет қаралды 10 М.
React router crash course
55:54
Hitesh Choudhary
Рет қаралды 31 М.
🔴 Complete Redux Tutorial in Hindi | React Redux in 2021
56:25
Thapa Technical
Рет қаралды 581 М.
Solving Navbar challenge
32:42
Chai aur Code
Рет қаралды 36 М.
React router crash course
1:04:35
Chai aur Code
Рет қаралды 215 М.
Дибала против вратаря Легенды
00:33
Mr. Oleynik
Рет қаралды 4,8 МЛН