React Icon Get 73% off the React Master Bundle!

See the bundle then add to cart and your discount is applied.

0 days
00 hours
00 mins
00 secs

Introduction

3 lessons

  • Play Icon The Missing Introduction to React Router

    10:26

  • File Icon Setup Instructions

    Readme

  • Play Icon Project Setup and Walkthrough

    08:48

Core Essentials

5 lessons

  • Play Icon Introducing the <BrowserRouter />

    04:29

  • Play Icon <Route /> and Path declarations

    04:58

  • Play Icon Switching <Route /> elements with <Routes />

    10:35

  • Play Icon Handling 404 Not Found routes

    03:50

  • Play Icon Redirecting 404 Not Found routes

    03:43

Declarative Navigation and Links

3 lessons

  • Play Icon Navigating to routes with <Link />

    05:38

  • Play Icon Active link states with <NavLink />

    04:43

  • Play Icon Active styles on <NavLink />

    02:49

Advanced Routing Practices

12 lessons

  • Play Icon Nested Routes and <Outlet />

    07:25

  • Play Icon Fetching Data in Nested Routes

    10:26

  • Play Icon Relative and Absolute Navigation with <Link />

    13:38

  • Play Icon Creating Dynamic Routes

    05:27

  • Play Icon Reading Route Params with useParams() Hook

    05:06

  • Play Icon Fetching Dynamic Data with Route Params

    13:56

  • Play Icon Programmatic Navigation with useNavigate()

    04:33

  • Play Icon Replacing Router State on Navigation

    02:55

  • Play Icon Passing State on Navigation alongside useLocation()

    05:45

  • Play Icon Understanding Navigation Deltas with useNavigate()

    04:18

  • Play Icon Domain-Driven Nested Routes

    07:32

  • Play Icon Restricting Access with a <ProtectedRoute /> Component

    08:28

CRUD Operations and Bonus Techniques

13 lessons

  • Play Icon Re-investigating Relative <Link /> Paths

    04:52

  • Play Icon Using <Link /> with Nested Routes

    06:51

  • Play Icon Creating a new Product from a Form

    18:20

  • Play Icon Redirecting upon Product Create

    06:40

  • Play Icon Retrieving an existing Product

    04:32

  • Play Icon Updating an existing Product

    04:28

  • Play Icon Deleting an existing Product

    04:12

  • Play Icon Passing Props to Routed Components

    05:53

  • Play Icon Reading Search Params with useSearchParams()

    06:27

  • Play Icon Syncing Search Param State with UI State

    10:52

  • Play Icon Rendering UI from Search Param State

    10:23

  • Play Icon Scrolling to Top after Route Transitions

    05:13

  • Play Icon Object-based Route Config with useRoutes()

    10:34

Performance Techniques

2 lessons

  • Play Icon Code Splitting and Lazy-Loading Components

    10:07

  • Play Icon Creating a Suspense-ready Lazy-Load Component

    11:20

Get the complete bundle...

Everything you need to start mastering React today

Terminal Icon Job-ready training

Nail that interview with your new skills that will set you apart.

Trophy Icon All the best practices

Best practices, design patterns, performance and architecture.

Rocket Logo Stream or download

Learn at home at your own pace, download for offline viewing.

Google Developer Expert Logo Expert knowledge

Built by Google Developer Experts, there's no better place to learn web.

Stackblitz Logo StackBlitz examples

Access full course source code and experiment in the browser too!

Slack Logo Slack community

Exclusive access to our members-only community (6,500+ members).

MasterCard Icon PayPal Icon VISA Icon Amex Icon

Secure SSL encrypted payments

Moneyback Icon

30-day money back guarantee

These courses are empowering thousands with expert knowledge - they will you too. If you're disappointed for whatever reason, you'll get a full refund.

Discount Icon

Location + Student discounts

Not-so-good exchange rate (i.e. India/Brazil)? Are you a student? Contact us for a coupon with your location or student details.

🎉 Get the complete bundle and save $608!

Sold separately = $907 💰

  • React Icon

    React Basics

    85 lessons
  • React Icon

    React Styling

    9 lessons
  • React-router Icon

    React Router v6

    38 lessons
  • React Icon

    React State Management

    23 lessons
  • React Icon

    React Masterclass

    Almost ready
  • React Icon

    React Universal

    Almost ready
React Icon