React Router in Depth #3 - Router Provider, createBrowserRouter & Outlet

In this React Router tutorial, you'll learn how to create a browser router th "new way", using the createBrowserRouter function. You'll also learn about the Router Provider & Outlet components.

⭐⭐ Watch the whole course now (without ads) on Net Ninja Pro:

🐱‍💻 Access the course files on GitHub:

🐱‍💻 React Tutorial:

[yerneroneroipas]

Just 6 minutes in and you helped me solve an issue chatgtp was walking in circles with. Thank you.

[ifechukwu]

Your calm and cool voice is the key to your success. It is soothing to the mind while it allows the brain to understand something so cryptic as React js

[traezeeofor]

Incidentally the 2 tutorials I first learned React Router are now outdated. This video did an excellent job of presenting version 6.4 to me. Thanks so much!

[yu_pal]

This is one of the best code exspliners video I.have seen in years. Thank you

[romimaximus]

Reallly !!! ... So we went from a nice react-router layout and ease to work with, ....to this very confusing and complicated react-router layout !!! and the question is WHY !!! they have to complicate things ?? 😂😂😂😂

[youcefmantas]

your a legend you better open a school called ninja way or something like this where u give all your lessons in a real compus cause man i live so far away but i would come to learn from the master of teaching !!

[maskman]

Thank you Shaun for introducing the new React Router, the new features such as layout is acting like Next, Nuxt, Sveltekit, I assume it is inspired by these advanced frameworks 😘

[DevDailyChallenge]

Thank you for introducing the new React Router

[FrostDrive]

holy crud they made the new way so much more complicated.

[wakeup_programmer]

wow that was a fabulous explanation, thank you so much net ninja, it was helpful

[MostafaEl-Sayed-ldhe]

am I the only one who see this version is so complicated?

[JJ-nmsh]

Awesome vid. Very nicely explained about the element= on Route. 👍

[stefanmasic]

I'm amaized. So clear definitions. Perfect video.

[Aditya-joof]

02:56 tree of routes🤣🤣 the way he spoke routes

[levm_prog]

Thanks for this video, you really helped me!

[khalidsultani]

thanks for posting this awesome series .

[BillaSaheb]

Great Marvelous....Also put vue 3 and nuxt 3 project

[ahmeddotgg]

Thank you very much Shaun, will you also cover the method they used in tutorial in react-router-dom documentation page ?
and thanks in advance

[waltert]

awesome stuff, really easy to understand now

[mikaelnilsson]

Great video, but why can't I access a particular page by entering the URL directly in the URL-field of the browser? E.g. /page1. I can only access /page1 if I use a link on the web page, otherwise I get a 404. This works great during development, but not when its built. I guess I need to create URL rewrite rules to get it to work?