CF

REACT ROUTER (v6)

3h 15m 27s
English
Paid

REACT ROUTER (v6) is a 41-lesson 3 hours 15 minutes self-paced course by UI.dev (Tyler McGinnis). There’s an easier way to master React Router.

Course facts

Lessons
41
Duration
3 hours 15 minutes
Level
All levels
Language
English
Updated
Instructor
UI.dev (Tyler McGinnis)
Price
Premium

There’s an easier way to master React Router. Our linear course is like having a smart, experienced friend sit down next to you, walk you through each concept, and apply what you learn. It’s our secret sauce.

Who teaches REACT ROUTER (v6)? UI.dev (Tyler McGinnis)

UI.dev (Tyler McGinnis) thumbnail

UI.dev (formerly tylermcginnis.com) is the online course platform of Tyler McGinnis, a US developer who has been publishing React and JavaScript educational material continuously since 2014. The platform was one of the earliest dedicated React-tutorial sources and remains widely cited for the depth of its long-form courses on JavaScript fundamentals and the React ecosystem.

Course material covers React (including modern hooks-based patterns and Next.js), modern JavaScript (the canonical Modern JavaScript course), Firebase, GraphQL, Redux, TypeScript with React, and the algorithm / data-structure interview prep track. The teaching style is unusually rigorous about the language fundamentals underneath the framework material — Tyler's Modern JavaScript course in particular is a classic of the genre.

The CourseFlix listing under this source carries over 15 UI.dev / Tyler McGinnis courses spanning that range. Material is paid; UI.dev runs on per-course or membership pricing on the original platform.

What lessons are included in REACT ROUTER (v6)?

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 41 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: The Fundamentals
All Course Lessons (41)
#Lesson TitleDurationAccess
1
The Fundamentals Demo
07:21
2
(Solution) The Fundamentals
02:48
3
(Project) Introduction
04:39
4
(Project) Initial Routes
05:07
5
URL Parameters
09:34
6
(Solution) URL Parameters
02:28
7
(Project) Home
05:52
8
Query Strings
04:31
9
(Solution) Query Strings
02:45
10
(Project) Team Page
14:20
11
Customizing React Router's Link Component
03:33
12
(Solution) Customizing Link
01:34
13
(Project) Players
11:11
14
Nested Routes
05:19
15
(Solution) Nested Routes
03:24
16
(Solution) Nested Routes - Outlet
04:10
17
Project - Player
08:21
18
(Project) Team
09:04
19
(Project) Articles
08:56
20
(Project) Loading
13:20
21
Programmatically Navigate
04:03
22
(Solution) Programmatically Navigate (Declarative)
02:39
23
(Solution) Programmatically Navigate (Imperative)
01:50
24
(Project) Navigate
05:59
25
Code Splitting
05:34
26
(Solution) React.lazy
01:30
27
(Project) Code Splitting
01:54
28
Route Configs
04:20
29
(Solution) Route Config
02:33
30
(Project) Config
05:59
31
Protected Routes
07:53
32
(Solution) Protected Routes
03:46
33
Handling 404 Pages
01:02
34
(Solution) Catch All Routes
02:21
35
Passing Props to Link
02:34
36
(Solution) Passing Props to Link
01:32
37
Sidebars
03:29
38
(Solution) Sidebar
02:57
39
Passing Props to React Router Components
01:17
40
Recursive Paths
03:30
41
Outro + Next Steps
00:28
Unlock unlimited learning

Get instant access to all 40 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

What courses are similar to REACT ROUTER (v6)?

More courses by UI.dev (Tyler McGinnis)

  • React Router v4 thumbnailUpdated

    React Router v4

    Learn React Router v4's component-based routing model by building a full app, covering nested routes, auth flows, and server rendering.
    6h 44m
  • React Hooks thumbnailUpdated 3y ago

    React Hooks

    If you never develop a convincing answer for both of those questions, you won t have a solid enough foundation to build upon when you dive into the specifics.
    3h 47m
  • React Fundamentals thumbnailUpdated 3y ago

    React Fundamentals

    If you're serious about learning React, there's no better place to do it. Originally launched in 2016, this course has been taken by tens of thousands of develo
    4h 36m
  • React Native thumbnailUpdated 3y ago

    React Native

    The description is simple - learn how to create an iOS and Android React Native app that you submit to both the App Store and the Google Play store. With over 7
    3h 46m
  • Redux thumbnailUpdated

    Redux

    Learn Redux from the inside out by building your own implementation first, then applying it to real React and vanilla JS applications.
    7h 13m
  • The interactive way to master modern React - react.gg (FULL COURSE) thumbnailClassic

    The interactive way to master modern React - react.gg (FULL COURSE)

    OPTIMIZED FOR AHA! We’re obsessed with helping you reach your aha! moments. Our text sections help you master the “why” behind React concepts and include fun, i
    7h 53m5/5

Frequently asked questions

What are the prerequisites for enrolling in this course?
Before starting this course, students should have a basic understanding of React. Familiarity with JavaScript, especially ES6 syntax, is also recommended. The course builds upon these foundations to teach React Router effectively.
What kind of projects will I build during the course?
Students will work on various projects including building initial routes, creating a home page, developing a team page, and working on a player module. There are also projects focused on code splitting, handling loading states, and configuring routes. These projects provide practical experience with React Router.
Who is the target audience for this course?
This course is designed for developers who already have a foundational understanding of React and want to learn how to implement routing in their applications using React Router. It is ideal for those who are looking to enhance their React skills with routing capabilities.
How does the depth of this course compare to other React Router courses?
This course offers a structured and linear approach to mastering React Router, covering fundamental concepts like URL parameters, nested routes, and code splitting. It provides both theoretical lessons and practical projects, making it suitable for learners who prefer a hands-on approach to learning.
What specific tools or platforms will I learn about in the course?
The course focuses specifically on React Router v6. Students will learn about customizing the Link component, programmatically navigating within apps, and handling protected routes, among other topics. It also covers using React.lazy for code splitting.
What topics are not covered in this course?
The course does not cover the basics of React itself, as it assumes prior knowledge of React. It also does not delve into other routing libraries or broader JavaScript frameworks beyond React Router.
How much time should I expect to commit to this course?
The course consists of 41 lessons. While the total runtime is not specified, students should plan to dedicate time for both video lessons and hands-on project work. The pace may vary based on individual learning speeds and prior experience with React.