React Router Crash Course

[@RoadsideCoder]

Thanks Freecodecamp and Mr Beau for featuring my Content. Hope to bring more such in future ✌️🙏

[@amanchauhan7850]

🥳🥳🥳

[@xaxaFilms]

Very informative video! Thanks!

[@RoadsideCoder]

@@xaxaFilms Glad you liked it mate

[@letmeglaze]

Arre bhai roc8 ka naam roshan kardiya 😃

[@karthick_s6331]

[@1989mrsoham]

These guys and this channel deserve Nobel Prize in education sector. It is unbelievable that How can we get this awesome and mind blowing content for free? Love from India 🇮🇳.

[@curiosityshop2297]

I am working on a project now with React. This is the perfect video.

[@kamenriderinfinity]

comprehensive and concise. how all tutorials should be. thank you so much for getting this so well

[@gouravkhator]

The best react router crash course for revision, and even learning it new.. I really loved it..

[@kelzeu8005]

Holy sht. I am studying react router right now. what a good timing!

[@arshaaniqbal2111]

Can we do this course as a beginer?

[@Based1776]

Thanks for the detailed video. I think it's important to note that many of the techniques discussed in this video use hooks and therefore only work with functional components, not class components.

[@jagsdubey9095]

Awesome, this so simple with correct language and descriptions.

[@Manny-ng9vo]

Omg needed this yesterday thank you !

[@ahmedayoub9177]

Just like that quick and to the point

[@priyanktechz1829]

needed this desperately thanks as always

[@MrXperx]

This channel is gold.

[@shironekomaru4370]

You sir, is the most hilarious Teacher I encountered here hahaha I enjoyed and easily understood the concept of react-router because of the way you are teaching. Hopefully I would be able to apply it right as well.

[@RoadsideCoder]

Awesome 😁❤️

[@Yash-mk8tc]

Keep making such small and awesome videos. Thank you so much.

[@alphatomy8613]

this is my another hindu* instructor and i know this is gonna be a great teacher. I've watched a lot of tutorials by hindu* instructures and they are just amazing. they have different way of teaching us. though i always choose the best that works for me and that is either english and hindu* instructor. thank you sir.

[@annzrocky]

Why not muslim instructor bro? lol

[@niteshbisht31]

maja aa gya aadhe ghante m almost sara bta diya.

[@AGriffith]

very nice video, explained a lot of important things and straight to the point, keep the good content!

[@shivarapolu3180]

Very comprehensive and well explained

[@_sharmaji.dev_]

Again, perfect timing

[@shawnlee6775]

To solve the hassle of having to replace normal quotes for backticks you all can use an extension called Template String Converter. It will... well convert a normal string to template string as soon as you write ${}.

[@thalindabandara8537]

Now Thank you very much for this one this is the best react tutorial that i have watched

[@AbhishekReloaded]

This is how their MIND READING TECHNOLOGY working with 100% accuracy.

[@NikhilKumar-yj5sc]

This was really helpful, very much more than almost all others.

[@ahmarajeel]

Thank you so much for this tutorial. It's exactly what I was looking for.

[@rushabh.r6109]

Really well explained video!

[@varunjayaram9672]

Hey having an issue around 7:19 my page is going blank whenever I am wrapping Header under BrowserRoute

[@naveenburathi5316]

same issue with me

[@naveenburathi5316]

just replace component with element bro

[@Yash-fz7kw]

Chak de India! 😍😍

[@adarshtripathi6654]

Thankyou so much sir this is very helpful for me becouse I was searching short video of react.js and you made it so thankyou so much

[@Pareshbpatel]

Great tutorial on React Routing! - Thanks very much {2021-10-22}

[@irvinghenriquez8231]

wow very good and concise video!!!

[@danielraducu9073]

Mister Indian, thank you a lot ! I declare you are a God among mortal men !

[@afraaalobaid8256]

Thank you very much for this tutorial!

[@jamessullenriot]

Watching this video - I use react router at work but personal projects, Nextjs routing is so much nicer, easier, and more intuitive. Basically, you don't need to deal with it, I hate this phrase, but it just works.

[@miladnouri4364]

Thank you for the detailed video about React Router. I have a question about nested routes. How could we have nested routes within the home page. For example, the 'path' and url give us only the slash '/' and therefore the path in this line of code evaluates to //viewProfile, which throws error?

[@goodtimesbradtimes3625]

Very good video, thank you

[@fayxx8701]

ASMR? xD Great Course anyways :D

[@dennohnjogu4028]

20:34 where is the match coming from?

[@noobslayerxx3249]

"Switch is not exported from react-router-dom" ?

[@alphatomy8613]

this is so exiting!!!!!!!!!!!!!!!!!!!!!!!!!!!

[@chaimaezarrou7317]

Error: A is only ever to be used as the child of element, never rendered directly. Please wrap your in a . that keeps showing to me even if i did the same as him i am on 8:41

[@jamieccoaching4372]

I had the same issue, check what version you are using in package.json. V6 is a little different, heres an example below...

[@arashfad6539]

That's great How it possible when you click on view profile see new page of view profile I mean that page completely refresh and just show the content related to view profile component

[@kimokimo-se3ur]

Very informative thank you

[@cyeg12c]

Perfect Timing, Thank you

[@le1vniz901]

Thank you very much!!

[@omcommunications480]

react which version and when i click menu page is not loading 13:00

[@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

[@annzrocky]

34:03 why the underscore on _rfce ?

[@praveenpatel9972]

Really helpful. Thanks.

[@lukalastname8199]

3:24 why does _rafce does not works for me? do I need to install something or what?

[@RoadsideCoder]

yes u need to install this extension - ES7 / React / Redux....Snippets something like this

[@anilyashkumar9940]

how can we change the root component? for example we have navbar in app.js file it still remains at the same place in entire project how can we change or modify like add some more links to that.. explain ASAP

[@july8721]

may i know the extension name in vscode where it show the line from opening curly braces up to the end? thanks

[@majidhws]

absolutely monster.

[@rupindersingh5332]

Just perfect :D

[@sreesreen959]

what is the react-router-dom that the tutorial has? For me few things breaking. I tried 5.2.0. Please advice

[@abdellahbrahimi7217]

A video, just in time.

[@afrikanking4022]

Beautiful Video so much information. Thank you so much Sadly I am already a Sub but will share the channel

[@jameslee6803]

Which extension automatically imports things like 9:34?

[@RoadsideCoder]

VS Code has it inbuilt

[@decayedargon6765]

What React Router Dom version are they using in this video?

[@28.ທ້າວກົ້ງເມັ່ງລໍ່ໄຟຈົງ]

Do you have production project with react-redux. i wanna learn sir thanks

[@robertefremov9380]

does the match method not work anymore?

[@arjunkhanna1803]

how he is auto importing? what is the name of extension?

[@RoadsideCoder]

It's inbuilt in vs code, just press ctrl+space after the word

[@touseefibnkhaleel3643]

Exactly what I needed... DO YOU GUYS READ MIND???

[@hackmeornot2196]

if im logout and type /profile/editProfile directly on the browser, is it accessible or not?

[@TauwinKul]

Question for React veterans. When I look for tutorials, is it important to distinguish between JS and TS. However, the basic difference between JS and TS is clear to me. Here we are working with a JS app. But I need TS. So properly I have not yet understood.

[@priyankatripathi7423]

Can be use in spring or springboot

[@hefehmzy]

Came in just at the right moment

[@sabbirahmad8326]

Wow I'm the first viewer.😍😍😍✌️✌️

[@bigblast1226]

Thank you

[@frosty7674]

I'm not interested in React but sounds cool lol first here

[@burreifort]

Browerrouter works in this case, on your local machine because you have got node.js, but it will not work when you deploy to a server. if you refresh the page, when deployed to a server, you will get 404 not found. Every single tutorial never talks how to handle it on a real live scenario, like when deployed to a server.

[@QueenSonora]

Does anyone know how to do a 404 for nested routes in v5?

[@andifaizal8884]

hi mate, what is version react router for use in video?

[@Holaszyd1]

npm i react-router-dom@5.2.0

[@andifaizal8884]

@@Holaszyd1 thanks mate

[@alokranjan5732]

Please make a video on opengl with c language

[@japhethachimba174]

Can he kindly provide his repo link for this code

[@sahej97]

What about Hashrouter?

[@Sovit705]

this reactRouter version is old now. many chages are required. Viewers can refer the official documentation

[@kkvinesind7881]

Please make one separate videos on react hook and redux

[@dhavalprajapati2084]

Git repo link for this???!!!

[@rakeshkundu1452]

it's not working even after adding the components. import { BrowserRouter, Route } from 'react-router-dom'; import './App.css'; import Header from './components/Header'; import Home from './Pages/Home'; import About from './Pages/About'; import Profile from './Pages/Profile'; function App() { return ( ); } export default App; where is the error?? please help someone.

[@naveenburathi5316]

replace component attribute by element

[@avinash..7130]

version: "react-router-dom": "^6.11.2",

[@Rahulyadav-lv7dh]

those who are watching this after August 2021 ,let me tell you this tutorial is outdated because react-router has made many changes ,so this tutorial might not work for you🤞

[@jorgenUA]

good job

[@anthonyzornig]

is the new

[@asfsafsafasfsafs5320]

it's 5 version React Router right?

[@RoadsideCoder]

Yes

[@danielsoto2552]

This is not up to date and won´t work if you use V6 of React-Router

[@rishitpant2]

freeCodeCamp will change the world one day with their efforts.

[@zlackbiro]

What is the name of the extension for auto tag renaming?

[@manasjoshi7037]

auto rename tag

[@leotan123]

It's just called "Auto Rename Tag"

[@sudeeproy151]

Please make video on how to make a video on 3D animations

[@abhilekhgautam5963]

Can you create a redux course too

[@RoadsideCoder]

Already did on my channel

[@veryfine69]

yes i’m going to be a great person and i was the way i’m feelingly

[@luigis.3909]

Nice tutorial but new sveltekit framework Is better and clear

[@ಕನ್ನಡದೇಶ]

👌👌👌👌👌

[@jinyoucheng8114]

Could you please share this source code?

[@sabirullah6297]

The scroll feature is not very well explained because there has to be an example at least

[@ciao1138]

Need private routes with authentication of user with firebase

[@adarshyadav253]

Idk what it is still name is catchy

[@Hydgodharollu]

That 2000 years later lollll

[@worldclasscode1847]

Great video! But where is the source code? :)

[@apurbusarderapu3383]

20 number comment boss ☝️

[@itstime2code180]

Please upload redux and react redux tutorial also

[@CARevanthkumar]

♥️