Introducing React Router
In this section, we start by creating a new React project for the app before understanding what React Router is and how to install it.
Creating the project
We will develop the app locally using Visual Studio Code, which requires a new Create React App-based project setup. We have covered this several times, so we will not cover the steps in this chapter – instead, see Chapter 3, Setting Up React and TypeScript. Create the project for the app with a name of your choice.
We will style the app with Tailwind CSS. We covered how to install and configure Tailwind in Create React App in Chapter 5, Approaches to Styling Frontends, so after you have created the React and TypeScript project for the app, install and configure Tailwind.
Understanding React Router
As the name suggests, React Router is a routing library for React apps. A router is responsible for selecting what to show in the app for a requested path. For example, React Router is responsible...