React Router v6

New

The Missing Introduction to React Router

10:26

Setup Instructions

Readme

Project Setup and Walkthrough

08:48

Introducing the <BrowserRouter />

04:29

<Route /> and Path declarations

04:58

Switching <Route /> elements with <Routes />

10:35

Handling 404 Not Found routes

03:50

Redirecting 404 Not Found routes

03:43

Navigating to routes with <Link />

05:38

Active link states with <NavLink />

04:43

Active styles on <NavLink />

02:49

Nested Routes and <Outlet />

07:25

Fetching Data in Nested Routes

10:26

Relative and Absolute Navigation with <Link />

13:38

Creating Dynamic Routes

05:27

Reading Route Params with useParams() Hook

05:06

Fetching Dynamic Data with Route Params

13:56

Programmatic Navigation with useNavigate()

04:33

Replacing Router State on Navigation

02:55

Passing State on Navigation alongside useLocation()

05:45

Understanding Navigation Deltas with useNavigate()

04:18

Domain-Driven Nested Routes

07:32

Restricting Access with a <ProtectedRoute /> Component

08:28

Re-investigating Relative <Link /> Paths

04:52

Using <Link /> with Nested Routes

06:51

Creating a new Product from a Form

18:20

Redirecting upon Product Create

06:40

Retrieving an existing Product

04:32

Updating an existing Product

04:28

Deleting an existing Product

04:12

Passing Props to Routed Components

05:53

Reading Search Params with useSearchParams()

06:27

Syncing Search Param State with UI State

10:52

Rendering UI from Search Param State

10:23

Scrolling to Top after Route Transitions

05:13

Object-based Route Config with useRoutes()

10:34