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😅
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 👍
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.
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
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.
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 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)
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.
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.
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
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
Bhai Jab aap sublime text me new file create kar rahe hotehe to bahut saare options kaise aate hai aur app uses file Ko sublime me hi name deteho kaise please batado
sir now i am using Switch then it is not working and the error shows that 'Switch' is not exported from 'react-router-dom'. and the error i have seen on internet it showing use Routes sir please help me
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?
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
Vinod thapa after opening vs code and apko dikhai de raha he vscode...
Vinod: "pofect"
Btw great videos, learning much more !!!.. thanks
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.
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 💥
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
Awesome... Kadak Superb..... Bahot Hard Bahot Hard
following your react series from the 1 st video Thapa sir!
its awesome 😍😍
i m too .its awesome videos
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
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
Sir I love the way you teach,proud to have a Mentor like u
Your teaching is awesome
Simple but most important, thank you sir
Thanks ! Loved your explanation.
Appreciate your efforts dude ! love from Pakistan ♥️🇵🇰
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
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.
Awesome video. A layman can understand. Thank you
Hlo sir your videos are really help full for clear our fonts of programming code
Quality stuff, appreciate it man👏👍
the best series on react js thank you so much binod sir u have idea how much u have helped us.
Adbhut prabhu....maza aagaya... thanks
Very Good Explanation,, keep it up brother
Awesome explanation sir...best video on react router
Bhai Thank u dil se...😭😭🙏
Thankyou So much this video is Very Helpfully Bro
great thank you thapa bhai
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
Everything explained to the point...
your video is really Very Useful
you are really doing awesome job sir, i heartly appreciate your job and such type of education surely beat the paid courses ....
Bohut khub bhai.. awesome video..
Thank You Sir for this wonderful lecture.
Thanks a lot for explaining in a simple way.
Love from India❤❤❤❤
Very very helpful video sir, thanks a lot for helping!
Perfect 👌👌👌
I Love it you all video thank sir👌👌👌
Awesome sir😍 it's really very important video 🤗 Thanks a lot
can we write jsx as js file
Your the best teacher
Simple and easy explanation ❤️
Nice and specific explanation
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
If you have issue with switch write below code you will get all pagesl
Exact is really useful in life and in coding too 😂😂😂😂😂
Excellent Sir
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
Lovely video. Love you bro!
#your switch tag is not supported in v6 it replace to
very nice vaiya .I am from Bangladesh
🔥🔥🔥
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.
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
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
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)
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.
Awesome bro!!
Why don’t you work on Laravel??
And integrate with react and than teach us how to make android and iOS !!
and boom guys is legendary
is se aage jo router ke use hai unka bhi vidio aap ne bnaya hai kya..?
Bhaiya iss video mei components(about aur contact ) 2 different web oages bangye hai?
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.
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.
If your error page is not showing then add asterik(*) in path as shown
It works like a *switch-case* statement in Javascript.
In Router V6 to show the error msg page go with this e.g->
Wow nice
Good work🔥
Can we use router to navigate pages by clicking on navbar links...
pro tip: If someone faces Issue with Switch, replace Switch with Routes
Thanks
Loved It!
A nice website that you have created in your third year can you make a video on that how to create
thank you thapa bhai
💥 boom guys 🤣🤣🤣
Does it has something lik RouterlinkActive to give specific class to activate link
React Routing not working when I host my project on apache server ( xampp server also ). Without Routing work perfectly. Please help me sir.
Awesome video. Sir please make video on full website using HTML CSS Php Java script wordpress and show online method
awesome video
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
Sir, React-router-dom is not working when, importing in main.jsx file inside BrowserRouter .why?
Hey....Could you share the extensions which you use in VS Code. And BTW Great Video! Thanks!
Boom boom boom guyhesss🎉 🎉🎉🎉🎉
Pofect😅😅😜
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
Nice explanation
For those who face problems in the error component in the route try this
agar har page ke liye exact laga de to??
Good now i know routing in ReactJS!😭
Thanks a lot bhai
For those who faces errors with Switch, replace it with Routes as follows..
Thanks a lot...😊
bhai mst video
Hi sir you explained it very well but when we build it by running npm run build and put in a server it is not working when we type the url
vinod bhai ye switch ka error dy raha hy
bht try kiya nai ho raha set
kindly tell me
Bhai Jab aap sublime text me new file create kar rahe hotehe to bahut saare options kaise aate hai aur app uses file Ko sublime me hi name deteho kaise please batado
Hello me ak video dhundh raha hu jisame, component load hone se pahlle "Loading..." text ata hai vo konsa video hai link dedo koi.
switch is not working now, Routes has replaced now, can you please explain that also
sir now i am using Switch then it is not working and the error shows that 'Switch' is not exported from 'react-router-dom'.
and the error i have seen on internet it showing use Routes sir please help me
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
import { BrowserRouter as Router, Route } from "react-router-dom";
Hi please tell me how i can solve this
1 bje react Js ka interview hai wish me luck