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 TH-cam 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
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
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.
sir yai problems solve nahi horehi i think yai download nahi horeha hai ERROR in ./src/index.js 10:12-27 export 'render' (imported as 'ReactDOM') was not found in 'react-dom/client' (possible exports: createRoot, hydrateRoot)
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.
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
@Thapa Technical I am getting an issue with the react router dom.......as soon as is use I cant render anything in the screen....I dont know why But As soon as i romove from the code it starts to render all the components i gave in...... PLEASE HELP!!!!!!!!!!!🙏🙏🙏🙏🙏
Hy sir !! My subpage link and when i click on it address of this page show in briwser but it can't show content in tha page only home page show content
Hello sir, added 1 package, and audited 48 packages in 5s 4 packages are looking for funding run `npm fund` for details found 0 vulnerabilities.... muze ye error show ho rha hai
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?
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 👍
Thankyou
use Routes instead of switch
thank you bro 👍
Thank you so much
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.
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 💥
Awesome... Kadak Superb..... Bahot Hard Bahot Hard
Vinod thapa after opening vs code and apko dikhai de raha he vscode...
Vinod: "pofect"
Btw great videos, learning much more !!!.. thanks
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
Hello Vinod.
First of all I would like to thank you for making alll these videos and uploading om TH-cam for free.
Hope you get millions and millions of subscribers because you truly deserve this. All the best in future
Sir I love the way you teach,proud to have a Mentor like u
following your react series from the 1 st video Thapa sir!
its awesome 😍😍
i m too .its awesome videos
Your teaching is awesome
Simple but most important, thank you sir
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
Thanks ! Loved your explanation.
Awesome video. A layman can understand. Thank you
Adbhut prabhu....maza aagaya... thanks
Hlo sir your videos are really help full for clear our fonts of programming code
great thank you thapa bhai
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.
the best series on react js thank you so much binod sir u have idea how much u have helped us.
Everything explained to the point...
Bhai Thank u dil se...😭😭🙏
Awesome explanation sir...best video on react router
your video is really Very Useful
Thanks a lot for explaining in a simple way.
Quality stuff, appreciate it man👏👍
Very Good Explanation,, keep it up brother
Bohut khub bhai.. awesome video..
Thankyou So much this video is Very Helpfully Bro
Thank You Sir for this wonderful lecture.
Nice and specific explanation
If you have issue with switch write below code you will get all pagesl
Appreciate your efforts dude ! love from Pakistan ♥️🇵🇰
Love from India❤❤❤❤
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
Simple and easy explanation ❤️
Your the best teacher
you are really doing awesome job sir, i heartly appreciate your job and such type of education surely beat the paid courses ....
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
Very very helpful video sir, thanks a lot for helping!
I Love it you all video thank sir👌👌👌
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
Excellent Sir
#your switch tag is not supported in v6 it replace to
Perfect 👌👌👌
Lovely video. Love you bro!
Awesome sir😍 it's really very important video 🤗 Thanks a lot
can we write jsx as js file
Exact is really useful in life and in coding too 😂😂😂😂😂
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
It works like a *switch-case* statement in Javascript.
very nice vaiya .I am from Bangladesh
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
why is page being loaded when going to error page, or error page to contact page even if we are using react ? at 21:28
Good now i know routing in ReactJS!😭
pro tip: If someone faces Issue with Switch, replace Switch with Routes
Thanks
Bhaiya iss video mei components(about aur contact ) 2 different web oages bangye hai?
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.
is se aage jo router ke use hai unka bhi vidio aap ne bnaya hai kya..?
thank you thapa bhai
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.
sir yai problems solve nahi horehi i think yai download nahi horeha hai
ERROR in ./src/index.js 10:12-27
export 'render' (imported as 'ReactDOM') was not found in 'react-dom/client' (possible exports: createRoot, hydrateRoot)
For those who faces errors with Switch, replace it with Routes as follows..
Thanks a lot...😊
React Routing not working when I host my project on apache server ( xampp server also ). Without Routing work perfectly. Please help me sir.
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.
and boom guys is legendary
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 there is some changes in react
instead of switch use Routes
and instead of attribute component use element={}
Good work🔥
1 bje react Js ka interview hai wish me luck
For those who face problems in the error component in the route try this
in react-router-dom v6, switch has been replaced by router so write:
import {Routes,Route} from 'react-router-dom'
thank you so much
Nice explanation
Does it has something lik RouterlinkActive to give specific class to activate link
Sir, React-router-dom is not working when, importing in main.jsx file inside BrowserRouter .why?
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.
@Thapa Technical
I am getting an issue with the react router dom.......as soon as is use
I cant render anything in the screen....I dont know why But As soon as i romove from the code it starts to render all the components i gave in......
PLEASE HELP!!!!!!!!!!!🙏🙏🙏🙏🙏
Awesome video. Sir please make video on full website using HTML CSS Php Java script wordpress and show online method
Loved It!
Wow nice
Can we use router to navigate pages by clicking on navbar links...
agar har page ke liye exact laga de to??
Thanks a lot bhai
A nice website that you have created in your third year can you make a video on that how to create
Awesome bro!!
Why don’t you work on Laravel??
And integrate with react and than teach us how to make android and iOS !!
Hy sir !! My subpage link and when i click on it address of this page show in briwser but it can't show content in tha page only home page show content
Hello sir, added 1 package, and audited 48 packages in 5s
4 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities....
muze ye error show ho rha hai
awesome video
bhai mst video
vinod bhai ye switch ka error dy raha hy
bht try kiya nai ho raha set
kindly tell me
Hey....Could you share the extensions which you use in VS Code. And BTW Great Video! Thanks!
Helpful content;
import { Routes ,Route } from 'react-router-dom';
Bro please Dynamic Routing k uppr bhi video bnao
Hello me ak video dhundh raha hu jisame, component load hone se pahlle "Loading..." text ata hai vo konsa video hai link dedo koi.
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
Boom boom boom guyhesss🎉 🎉🎉🎉🎉
Nested routing bhi bta dan