React Router DOM

About

This module introduces the essentials of React Router, a powerful library used for adding navigation functionality within React applications. You’ll learn how to install React Router, use link components for navigation, handle client-side routing, and implement dynamic routes.

Additionally, the lessons will cover programmatic navigation to manage redirects, making the user experience in your single-page applications more like multi-page applications. Each topic is designed to build on your existing knowledge of React components, controlled forms, and passing props.

Content

Lesson Skills
Setup Setting up the development environment.
Concepts Describing usefulness of React Router.
Installing React Router Adding React Router to an application.
Creating Links Implementing Link components for navigation.
Creating Routes Creating Routes with the Routes and Route components.
Route Parameters Creating dynamic routes using dynamic segments.
Programmatic Navigation Redirecting automatically with React Router’s useNavigation() hook.

References

📖 Reference Materials