React Routing - Better & scalable Architecture | React tutorial 2023

With the new v6.4 of the react-router-dom library of ReactJS, you can do the following:
1. Use object style to define the routes.
2. Create children routes.
3. Define the Root component for your application.
4. Define the Outlet where you want to load the components based on route changes.
5. Define routes in a separate file and use Provider to set those routes in your application.

and a lot more.

In this video, I will update the routing done in the previous video using the latest version of react-router-dom library and will use the more decoupled way of defining the routing in the React app, with Object style and using the new features added in react-router-dom library version 6.4

Complete Playlist: https://www.youtube.com/playlist?list=PLLGlmW7jT-nROpfmMFDj7ccjCujXOLIey

GitHub Repo with code: https://github.com/thisisabhishek/hello-reactjs

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 - https://www.studytonight.com/code/js-course/

Follow me on Instagram:
Studytonight with Abhishek - https://instagram.com/study.tonight/
Abhitonight (Hindi Reels) - https://www.instagram.com/abhitonight/
LinkedIn: https://www.linkedin.com/in/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