React Routing and Context (useContextOutlet) - Best Way🔥

We have covered React routing - different styles and architectures in this video series and in the last video, I covered Context API available in ReactJS.
In this video, you will learn how you can use the object style for routing, using the Route provider, and manage state properly using the useContextOutlet() hook provided in React router dom version 6.4
Complete Playlist: • ReactJS Course for Beg...
GitHub Repo with code: github.com/thi...
I hope you enjoy this video and learn something new.
If you do not know JavaScript, then you must learn JavaScript before starting ReactJS, and I have an amazing FREE course for JavaScript to help you learn JS - www.studytonig...
Follow me on Instagram:
Studytonight with Abhishek - / study.tonight
Abhitonight (Hindi Reels) - / abhitonight
LinkedIn: / ahlawatabhishek
Keywords:
learn reactjs
reactjs tutorial
reactjs complete tutorial
reactjs tutorial 2023
reactjs complete tutorial 2023
reactjs beginner tutorial
react tutorial beginner
react tutorial 2023
learn react 2023
react router dom
react route with params
multiple params react routing

[@kDev7659]

how can i use a seperate file for my context api and provider and connect using the root component and outlet? I had a provider component which has a state defined and so was passed usin values property. However, I want to refactor using this method but don't know how to pass my states fro my provider to the root which will then pass those states as an object to the outlet component using context. Or do all the states have to be defined in the root component when using outlet and I do away with the seperate provider component? Is that simpler?

[@yuvrajverma4318]

kaha the abhi tk aap. every one is teaching old methods of react router dom. i found you only teaching about latest features

[@Studytonight]

Hum to yahi the, bas tumhe mile nahi the 😅 Abhi aur new videos bhi aayegi. Subscribe kar lo :)

[@mist1k111]

Cool lesson! In fact, he helped solve my problem with understanding the new version of the react.
Thank you very much!

[@Studytonight]

Awesome. That is what this video is for - to introduce developers to the new version of react routing and what are the changes in it. 😀

[@wellbrutin]

THANKS MATEEEE

you are wasting so much time explaining what you did in previous videos.

[@Studytonight]

Aah! Point noted. I will keep this in mind when I shoot the next video 🤥

[@Gamer-tb7rf]

I have a question, is it necessary to add some configuration so that the createBrowserRouter works in production, specifically in render or in a VPS like hostinger.

[@mohammedidris5952]

Fine tut... Keep going..

[@Studytonight]

Thank you, I will 🤩