React Router v6 in Hindi | Routing in React | The Complete React Course | Ep.22

[@mehmetaydar_QXyGeN]

Sir, I am continuing the series. Simply magnificent. May God grant you what your heart desires 👑🙏

[@pavangupta7710]

Really bro I loved your style of teaching ❤❤❤

[@procodrr]

Thank you so much, keep learning and sharing 😊

[@adityashinde7815]

ek aur amzing video bhaiya thank you so much ! i understood whole concept about react router dom 🙏🙏🙏🙏🙏🙏

[@procodrr]

Awesome, keep learning and sharing 😊

[@adarshjai29]

21:06
sir my doubt is that aapne index.js file me ek hi path( / ) par do components(app aur home) ko render karawaya hai to ye kisko render karega

[@procodrr]

App component to hamesha render hoga. Uske andar alag alag components render honge.

[@garimajain474]

Best series on TH-cam for development 😊😊

[@RajpootDeveloper]

realy sir, you content is amaizing. I am following you. 2 months ago

[@shahrukhsaifi836]

Congratulation Bhiayya for 2k Subscribers 💖👍

[@procodrr]

Thanks 😊

[@yourmirrorworld]

@@procodrr bhiya abhi to react router ki website hi change hy us me browser router , routes and route use ho rahy hn un me multiple children pass nahi ho rahy to kch smjh nahi aa rahi do dn sy is video py hi hun kindly tell me

[@jamreji8662]

very good explain sir thank you

[@codinglife91]

thanks anurag bhai.

[@VijayPawar-q5z]

Hello Anurag Sign ProCodrr, Agar mujhe Signup aur Login page par header nahi dikhana he aur baki sab par dikhana he to kya kare?

[@procodrr]

I'll explain it with the contact component that we already have in our countries project.
So currently our router configuration is like this.
const router = createBrowserRouter([
{
path: '/',
element: ,
errorElement: ,
children: [
{
path: '/',
element: ,
},
{
path: '/:country',
element: ,
},
{
path: '/contact',
element: ,
},
],
},
])
In which we have put contact component inside children array. In this case header will come in our contact page. But if your put contact component out of children array then header will not come on contact page Something like this.
const router = createBrowserRouter([
{
path: '/',
element: ,
errorElement: ,
children: [
{
path: '/',
element: ,
},
{
path: '/:country',
element: ,
},
],
},
{
path: '/contact',
element: ,
},
])
Same thing you can implement for login and signup page.

[@sweetysri6730]

Sir plz help me.mere year gap h.reactjs par kya project baanoo jise interview call aaya

[@pubgwala5104]

Sir apne namaste react se different kya seekha tha?

[@procodrr]

Question nahi samajh aaya

[@coderDas]

​​​@@procodrrWo puchh raha hai ki apne bhi Namaste React ka course padhatha na to use apne naya kya sikha ?? Jese ki debugging ka thoda achha idea hua hoga like that

[@premmourya7060]

Yadi bina use state ka use kiye , fatch kr k , direct value show krwate to kya hota kyunki yaha to re-render krwa nhi rhe (single page m )

[@procodrr]

Agar dhyan se dekho to yaha par re-render ho raha hai, ek baar jab hamara country data empty rahta hai aur dusri baar jab fetch karke data aa jata hai.

[@premmourya7060]

@@procodrr haaa sahi baat h

[@syedzulqarnain6647]

Amazing!

[@tbmsahil8850]

bhaiya paar abha tho jadha use use hota ha

[@procodrr]

Ye naya tareeka hai aur aage yahi use hoga, tum chaho to purana wala bhi use kar sakte ho.

[@Anurag-013]

@@procodrr bhaiya konsa vala method new h browserouter vala ya createbrowserrouter vala ..

[@procodrr]

@Arpit-099 createBrowserRouter new hai. Aur yahi recommend bhi hai.

[@Anurag-013]

@@procodrr thank u sir

[@pavangupta7710]

This method looks cool then earlier version

[@ayushsharma3878]

thanks bro😍😍😍

[@procodrr]

❤️

[@chetanupadhyay8409]

Thanks sir ❤

[@niklausmikaelson7332]

Outlet kya krta hai react router me,?

[@procodrr]

17:30 is time par maine bataya hai outlet kya hota hai.
Agar isko baad bhi doubt rahta hai to Sunday Live join kar lena, ekdum achhe se samjha denge

[@codrrharshit]

link is not working sir can u pls help me

[@premmourya7060]

Object.value(data.somthing) smjh nhi aaya sir kese kiya kyu kiya 🥲☹️

[@procodrr]

developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_objects/Object/values
Object.values() ko alag se pahle samjho. Ye MDN ka article padh lo samajh aa jayega.

[@premmourya7060]

@@procodrr aapne videos m kahi bataya h kya iske bare m ? Js ko series m sir

[@procodrr]

Is video mein maine 40 minutes ke around Object.keys() aur Object.values() ko use Kiya hai lekin acche se explain nahi Kiya hai.
th-cam.com/video/Yf3wXOBu7YM/w-d-xo.html
Khud se padh lo to zyada achhe se samajh aayega

[@codewithrohit2927]

Add an e-commerce project also

[@procodrr]

Sure, but e-commerce project ko course complete hone ke baad banayenge.

[@talhaali7357]

magnificent :cl magnificent magnificent magnificent magnificent magnificent 🤟

[@sandeepmaurya1694]

ary yaar yaaha bhi parcel use kiye ho ,

[@procodrr]

th-cam.com/video/3Yah9eBZwM0/w-d-xo.htmlsi=J4g0mALfwE3FDWQB
Ye video dekh lo, is mein main achhe se explain Kiya hai ki main parcel kyu use kar raha hoon.

[@sweetysri6730]

Hii..plz ap sab meri help karey.mujhe kuch samjh nh aaraha h ki main kya karu.reactjs se main project baanaa chaa rh hu ,aisa kaun project baanyi jisey job ke liye call aayeh.aur mere year gap bhi h

[@SOUVIK-po9jt]

Ap college passout ho?

[@sweetysri6730]

@@SOUVIK-po9jt sir 2019 main

[@sweetysri6730]

@@SOUVIK-po9jt 2019 main mca pass ki hu

[@SOUVIK-po9jt]

@@sweetysri6730 tab mujhe Sir nahi kahiye Madam main 2nd year mein hu😂

[@sweetysri6730]

@@SOUVIK-po9jt koi meri help kar dey plz

[@haseebsheikh6101]

hit the subscribed button

[@goneaway-o3z]

not working exact sab kia phir bhi

[@pubgwala5104]

🎉

[@RajpootDeveloper]

Please Sir interview Me as a MERN Stack Developer

[@goneaway-o3z]

plz help sir