Getting Started with React Router v6

Getting Started with React Router v6

Beginner

41 Lessons

15h

Certificate of Completion

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

1 Assessment
45 Playgrounds
8 Quizzes

This course includes

1 Assessment
45 Playgrounds
8 Quizzes

Course Overview

React JS is the most popular JavaScript framework for building interactive UIs. A React application typically consists of various views. A developer must provide convenient and familiar navigation between these views. React Router is a library that enables easy implementation of this navigation. This course will introduce you to the React Router basics, its routes, and its components. You'll learn different types of routes and how to apply navigation in a React app. You'll also learn advanced concepts rel...Show More

TAKEAWAY SKILLS

React.js

Web Development

What You'll Learn

The ability to build a modern React frontend application

A working knowledge of routing, navigation, and types of routes in a frontend application

Familiarity with the Route element to implement navigation

Command over working with dynamic URLs in a React application

The ability to programmatically navigate between React components

Familiarity with creating page transitions in React

What You'll Learn

The ability to build a modern React frontend application

Show more

Course Content

1.

Introduction

2.

Getting Started

3.

Routing

4.

Navigation

5.

Advanced Routing

6.

Advanced Navigation/Links

5 Lessons

7.

Project: Authentication App

7 Lessons

8.

Bonus React Topics: Page Transitions and Code Splitting

3 Lessons

9.

What’s Next?

2 Lessons

React Router Fundamentals

Assessment

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Souvik Kundu

Front-end Developer

Eric Downs

Musician/Entrepeneur

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Adaptive Learning

Explain with AI

AI Code Mentor

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath