Why Take This Course?

Introduction

React is an open-source and prolific JavaScript library. It’s used to build user interfaces with reusable components. Many big companies use React to build their web applications.

React manages navigation through its applications without changing the URL or refreshing the page. When the user clicks on the back button, the browser discards the current app and opens the last tab that the user visited rather than going to the app’s previous state. You also can’t bookmark a specific state or page within the application.

The react-router renders specific React components when a part of the URL changes. It’s widely used to implement routing in React applications and to display multiple views in the SPAsingle page application. Beyond routing, react-router provides many other features that we’ll cover in this course.

Prerequisites for this course

Before starting this course, you should know React basics, such as JSX, state, and components. However, you won’t need any development environment on your own machine for coding. You can easily practice and run code via the coding widgets provided in this course.

What you’ll learn from this course

In this course, you’ll learn the following:

• The basics and the types of routing.
• How to install and add react-router in the React application.
• How to implement navigation using react-router.
• How to create different Routes for a multipage application.
• How to implement advanced Navigation and Routing features, such as index routes, layout routes, programmatic navigation, query strings, and customized links.
• To create and modify the URL according to the application’s state
• And much more!

Don’t worry if you’re a beginner! We’ll create an application together while learning all the concepts of react-router. Along the way, we’ll explain all the concepts in detail while implementing them in a React application.