Sir , React SSR pe video banao jismein ham Apne app Ko SSR kar sake which is very important for SEO purpose which Google crawl. Thanks in advance 🙏 I know AAP zarur banaoge😅
Most important concepts in React-Router such as "switch , route , (vvip)exact" explained well and with ease to understand. The way of explanation "What happens when...:" is really something unprecedented.
For those facing error of switch try this code ;- import React from "react"; import Contact from "./Contact"; import About from "./About"; import {Routes,Route} from "react-router-dom"; function App (){ const name =()=>{ return I am name } return(
); } export default App; instead of switch import Routes and instead of component use element as props it works 👍
Hello Vinod. First of all I would like to thank you for making alll these videos and uploading om RUclips for free. Hope you get millions and millions of subscribers because you truly deserve this. All the best in future
if anyone following this tutorial in 2022 then after the react-router-dom v6 there is hell lot of changes for example your has become note that and both are different and the second change is has become . so the final code after replacing to will look like this....
Beautifully Explained! Sir, Can you make a project on Resume Generator, where there will be a form asking everything to complete the resume, and once it is submitted, a full resume is generated!
Another awesome video :)...please make videos on other react hooks as well...is it mandatory to learn REDUX or hooks can replace them..please clarify...Thankyou
Hi, You are really amazing, you have great skills to explain things in very easy way. I request you please make a video on how we can send data to backend or provide me link in case you have already done.
For those who are facing issues : Copy Paste the code in your App.jsx file import React from "react"; import { BrowserRouter, Routes, Route } from "react-router-dom"; import Home from "./Home"; import Contact from "./Contact"; import About from "./About"; const App = () => { return (
@@ayushsingh-wk9ft actually these videos are 2.5 years old, and most probably thapa used react router dom version 5 at that time. And after the introduction of React Router DOM v6, there are a hell lot of features which are deprecated and also there are some new features replacing them. If you want to execute the exact code mentioned in the video, then install react router dom v5 surely.
Hello Sir, I'm working on a react project and I'm watching your videos to learn. I've got an issue about react-router. I've placed some URL on the footer & on the mega menu. the problem is, If I click the URL from the footer, though it takes me to that specific URL, I'm still on the footer. I mean Think Like that, I'm clicking on about page from footer, and I've redirected to about page, but I've to scroll up to the top to see all components. can you please help me on finding the solution to that problem? If you didn't understand, I can record a video and upload it to show you.
Bhai routing link use to ho Raha haa but google analytic pa without page reloading only 1 page hi show ho Raha ha multiple website pages par Bhi .every pages not show in analytics .what can I do help.
Hello sir when i save the route with component...home and all navbar active with background color red but component not show the home component data as well about and contact why? Please guide me
Bom 😅 problem- This methode is create problem from app.jsx/switch. solution - 1.close your npm - . clrl+c y and enter 2.npm i react-router-dom@5.3.0 and enter 3.stary npm
Guys, It's important last tak dekhna n links description me diya hua hai rho check kjiye🙏
Sir , React SSR pe video banao jismein ham Apne app Ko SSR kar sake which is very important for SEO purpose which Google crawl.
Thanks in advance 🙏
I know AAP zarur banaoge😅
Sir mera react app google chrome me nai khul raha h crash ho jaa raha h.. plzz help me sir plz 2 din ho gye h.. plz help kr dijiye sir
@@islaaaa_7 Can you share your code on codesandbox
code description mein share ni kia hua....
I know it's kinda randomly asking but do anybody know of a good place to watch newly released movies online?
I am waiting for this topic from so many days by you .and finally the wait is over.Thankyou so much for this. Amazing content.
Most important concepts in React-Router such as "switch , route , (vvip)exact" explained well and with ease to understand. The way of explanation "What happens when...:" is really something unprecedented.
Vinod thapa after opening vs code and apko dikhai de raha he vscode...
Vinod: "pofect"
Btw great videos, learning much more !!!.. thanks
For those facing error of switch try this code ;-
import React from "react";
import Contact from "./Contact";
import About from "./About";
import {Routes,Route} from "react-router-dom";
function App (){
const name =()=>{
return I am name
}
return(
);
}
export default App;
instead of switch import Routes and instead of component use element as props
it works 👍
Thankyou
use Routes instead of switch
thank you bro 👍
Thank you so much
Awesome... Kadak Superb..... Bahot Hard Bahot Hard
And boom guys, 😂
Good work!!! Can you please create tutorial for bottom sheets with react native if not not made yet.
Thanks
😂😂
🤣🤣🤣
😂😂
No bro it's 👇
3..2..1...and boom guys 💥
Hello Vinod.
First of all I would like to thank you for making alll these videos and uploading om RUclips for free.
Hope you get millions and millions of subscribers because you truly deserve this. All the best in future
following your react series from the 1 st video Thapa sir!
its awesome 😍😍
i m too .its awesome videos
if anyone following this tutorial in 2022 then after the react-router-dom v6 there is hell lot of changes for example your has become note that and both are different and the second change is has become . so the final code after replacing to will look like this....
Thanks I was facing this problem...
Exact property is not needed anymore I guess...
Thanks bro!
thnx bhai.. My error solved
In Router V6 Switch is replaced by Routes & component attribute inside Route is changed to element.
e.g ->
It help me alot keep it up
Thanks bhai
Thanks bro
Important Note:
React Router Dom k latest version main switch remove hogya he uski jagah Routes likhna hoga
Updated Code ye hai
Switch ki jagah Routes or component ki jagah element or element k ander us trah component denge jaise upar code main diya hai
From last 3 days, I am thinking why my routing implementation is not working.......thanks for ur comment
Simple but most important, thank you sir
Sir I love the way you teach,proud to have a Mentor like u
Your teaching is awesome
Thanks ! Loved your explanation.
great thank you thapa bhai
Awesome video. A layman can understand. Thank you
the best series on react js thank you so much binod sir u have idea how much u have helped us.
Hlo sir your videos are really help full for clear our fonts of programming code
Beautifully Explained! Sir, Can you make a project on Resume Generator, where there will be a form asking everything to complete the resume, and once it is submitted, a full resume is generated!
Resume generator is nothing but "Forms" which is in Playlist. Instead use that's it.
Adbhut prabhu....maza aagaya... thanks
Appreciate your efforts dude ! love from Pakistan ♥️🇵🇰
Thankyou So much this video is Very Helpfully Bro
Awesome explanation sir...best video on react router
Bhai Thank u dil se...😭😭🙏
Thanks a lot for explaining in a simple way.
Very Good Explanation,, keep it up brother
Quality stuff, appreciate it man👏👍
Thank You Sir for this wonderful lecture.
Everything explained to the point...
you are really doing awesome job sir, i heartly appreciate your job and such type of education surely beat the paid courses ....
Exact is really useful in life and in coding too 😂😂😂😂😂
Bohut khub bhai.. awesome video..
your video is really Very Useful
If you have issue with switch write below code you will get all pagesl
pro tip: If someone faces Issue with Switch, replace Switch with Routes
Thanks
Very very helpful video sir, thanks a lot for helping!
Nice and specific explanation
Awesome sir😍 it's really very important video 🤗 Thanks a lot
can we write jsx as js file
Love from India❤❤❤❤
Simple and easy explanation ❤️
Your the best teacher
Perfect 👌👌👌
For those who faces errors with Switch, replace it with Routes as follows..
Thanks a lot...😊
I Love it you all video thank sir👌👌👌
If any one is using react-router-dom v6 then in that case please note that Switch is replaced by Routes
Thanks bro it worked
Lovely video. Love you bro!
hi, at the end( 23:17 ) you didn't get "hi! I'm a name page" because you kept small-n instead of capital-n in the url
Excellent Sir
In Router V6 to show the error msg page go with this e.g->
If your error page is not showing then add asterik(*) in path as shown
very nice vaiya .I am from Bangladesh
Another awesome video :)...please make videos on other react hooks as well...is it mandatory to learn REDUX or hooks can replace them..please clarify...Thankyou
and boom guys is legendary
It works like a *switch-case* statement in Javascript.
Good now i know routing in ReactJS!😭
For those who face problems in the error component in the route try this
thank you thapa bhai
Wow nice
Awesome video. Sir please make video on full website using HTML CSS Php Java script wordpress and show online method
awesome video
Hi,
You are really amazing, you have great skills to explain things in very easy way.
I request you please make a video on how we can send data to backend or provide me link in case you have already done.
1 bje react Js ka interview hai wish me luck
bhai mst video
For those who are facing issues :
Copy Paste the code in your App.jsx file
import React from "react";
import { BrowserRouter, Routes, Route } from "react-router-dom";
import Home from "./Home";
import Contact from "./Contact";
import About from "./About";
const App = () => {
return (
);
};
export default App;
bro but why it is showing error
@@ayushsingh-wk9ft actually these videos are 2.5 years old, and most probably thapa used react router dom version 5 at that time. And after the introduction of React Router DOM v6, there are a hell lot of features which are deprecated and also there are some new features replacing them. If you want to execute the exact code mentioned in the video, then install react router dom v5 surely.
Good work🔥
Loved It!
Nice explanation
Thanks a lot bhai
Hello Sir, I'm working on a react project and I'm watching your videos to learn. I've got an issue about react-router. I've placed some URL on the footer & on the mega menu. the problem is, If I click the URL from the footer, though it takes me to that specific URL, I'm still on the footer. I mean Think Like that, I'm clicking on about page from footer, and I've redirected to about page, but I've to scroll up to the top to see all components. can you please help me on finding the solution to that problem? If you didn't understand, I can record a video and upload it to show you.
Boom boom boom guyhesss🎉 🎉🎉🎉🎉
Bhai routing link use to ho Raha haa but google analytic pa without page reloading only 1 page hi show ho Raha ha multiple website pages par Bhi .every pages not show in analytics .what can I do help.
is se aage jo router ke use hai unka bhi vidio aap ne bnaya hai kya..?
Helpful content;
in react-router-dom v6, switch has been replaced by router so write:
import {Routes,Route} from 'react-router-dom'
thank you so much
🔥🔥🔥
Hello sir when i save the route with component...home and all navbar active with background color red but component not show the home component data as well about and contact why? Please guide me
Sir starting m tumne bola tha page reload nahi hota but jab tum about or contact m ja rahe the toh reload ho raha h. Vinod sir please reply.
#your switch tag is not supported in v6 it replace to
Bom 😅
problem- This methode is create problem from app.jsx/switch.
solution - 1.close your npm - . clrl+c y and enter
2.npm i react-router-dom@5.3.0 and enter
3.stary npm
Please slow down while explaining any concept.
Bhaiya iss video mei components(about aur contact ) 2 different web oages bangye hai?
Superb...
Awesome bro!!
Why don’t you work on Laravel??
And integrate with react and than teach us how to make android and iOS !!
Sir, React-router-dom is not working when, importing in main.jsx file inside BrowserRouter .why?
React Routing not working when I host my project on apache server ( xampp server also ). Without Routing work perfectly. Please help me sir.
guys there is some changes in react
instead of switch use Routes
and instead of attribute component use element={}
A nice website that you have created in your third year can you make a video on that how to create
Best...
Love you bro
Nested routing bhi bta dan
Pofect😅😅😜
import { Routes ,Route } from 'react-router-dom';
Sir ek problem h apki videos mein, 5min k topic ko repeat kr kr k 25min ka kr dete ho. Short banao na sir
Alright pofect
Hey....Could you share the extensions which you use in VS Code. And BTW Great Video! Thanks!
For those who faces errors with Switch, replace it with Routes as follows..
Im still facing issue.. on browser it is showing blank screen
@@shubhamdeshpande4712 make changes in import also use this - import { Routes ,Route } from 'react-router-dom';
Thanks.
@@KuldeepSingh-pl7rv Still black screen
@@anshgoyal3671 bro try to check it react documentation maybe there will be some update so method can be change again
Thank you.
Bro please Dynamic Routing k uppr bhi video bnao