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 🇮🇳.
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.
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.
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 ${}.
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.
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.
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?
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
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.
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🤞
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.
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
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
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.
Thanks Freecodecamp and Mr Beau for featuring my Content.
Hope to bring more such in future ✌️🙏
🥳🥳🥳
Very informative video! Thanks!
@@xaxaFilms Glad you liked it mate
Arre bhai roc8 ka naam roshan kardiya 😃
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 🇮🇳.
I am working on a project now with React. This is the perfect video.
Holy sht. I am studying react router right now. what a good timing!
Can we do this course as a beginer?
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.
Just like that quick and to the point
comprehensive and concise. how all tutorials should be. thank you so much for getting this so well
Omg needed this yesterday thank you !
The best react router crash course for revision, and even learning it new.. I really loved it..
Awesome, this so simple with correct language and descriptions.
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.
Awesome 😁❤️
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 ${}.
needed this desperately thanks as always
This was really helpful, very much more than almost all others.
Keep making such small and awesome videos. Thank you so much.
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
very nice video, explained a lot of important things and straight to the point, keep the good content!
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.
Why not muslim instructor bro? lol
maja aa gya aadhe ghante m almost sara bta diya.
Thank you so much for this tutorial. It's exactly what I was looking for.
Now Thank you very much for this one this is the best react tutorial that i have watched
Again, perfect timing
This is how their MIND READING TECHNOLOGY working with 100% accuracy.
Great tutorial on React Routing! - Thanks very much
{2021-10-22}
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.
Mister Indian, thank you a lot ! I declare you are a God among mortal men !
Very comprehensive and well explained
Thank you very much for this tutorial!
This channel is gold.
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?
Please make a video on opengl with c language
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
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.
how he is auto importing? what is the name of extension?
It's inbuilt in vs code, just press ctrl+space after the word
Really well explained video!
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🤞
wow very good and concise video!!!
Hey having an issue around 7:19 my page is going blank whenever I am wrapping Header under BrowserRoute
same issue with me
just replace component with element bro
Perfect Timing, Thank you
Came in just at the right moment
is the new
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.
Thank you very much!
this is so exiting!!!!!!!!!!!!!!!!!!!!!!!!!!!
Very informative thank you
Chak de India! 😍😍
"Switch is not exported from react-router-dom" ?
this reactRouter version is old now. many chages are required. Viewers can refer the official documentation
Please make one separate videos on react hook and redux
ASMR? xD Great Course anyways :D
Very good video, thank you
Really helpful. Thanks.
How can I render only login page in react-router-dom,i dont want the header and footer page to appear in login page
Nice tutorial but new sveltekit framework Is better and clear
Beautiful Video so much information. Thank you so much Sadly I am already a Sub but will share the channel
A video, just in time.
20:34 where is the match coming from?
Exactly what I needed... DO YOU GUYS READ MIND???
Do you have production project with react-redux. i wanna learn sir thanks
may i know the extension name in vscode where it show the line from opening curly braces up to the end? thanks
react which version and when i click menu page is not loading 13:00
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
Need private routes with authentication of user with firebase
absolutely monster.
freeCodeCamp will change the world one day with their efforts.
what is the react-router-dom that the tutorial has? For me few things breaking. I tried 5.2.0. Please advice
does the match method not work anymore?
Please make video on how to make a video on 3D animations
Thank you
yes i’m going to be a great person and i was the way i’m feelingly
Can he kindly provide his repo link for this code
The scroll feature is not very well explained because there has to be an example at least
34:03 why the underscore on _rfce ?
Great video! But where is the source code? :)
This is not up to date and won´t work if you use V6 of React-Router
Can be use in spring or springboot
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
I had the same issue, check what version you are using in package.json. V6 is a little different, heres an example below...
Just perfect :D
That 2000 years later lollll
if im logout and type /profile/editProfile directly on the browser, is it accessible or not?
3:24 why does _rafce does not works for me? do I need to install something or what?
yes u need to install this extension - ES7 / React / Redux....Snippets something like this
What React Router Dom version are they using in this video?
Does anyone know how to do a 404 for nested routes in v5?
Git repo link for this???!!!
Idk what it is still name is catchy
Please upload redux and react redux tutorial also
My request to free code camp Please make a course on object oriented programming in c++
What about Hashrouter?
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.
replace component attribute by element
version:
"react-router-dom": "^6.11.2",
Use nextjs , and save yourself from the headache.
nextjs rrouting is way way more developer friendly, 😌😌
Just close the terminal bruh!!!!!!!!🤷🏻♂️
Hahah
hi mate, what is version react router for use in video?
npm i react-router-dom@5.2.0
@@Holaszyd1 thanks mate
I'm not interested in React but sounds cool lol first here
Can you create a redux course too
Already did on my channel
Which extension automatically imports things like 9:34?
VS Code has it inbuilt
PLEASE DO SC-200
2000 years later ... make me laugh...hey hey
good job
👌👌👌👌👌
Could you please share this source code?