React Router Ready: Learn React Router with React and TypeScript

React Router is the most popular routing library for React. Once you've mastered the fundamentals of modern React development with the help of my book, React Ready, learning React Router should be the next step in your learning journey.

React Router Ready is a project-based book. We will be using Vite, React, React Router, TypeScript and TailwindCSS to build and manage a realistic store with an inventory of products. You'll learn all the React Router fundamentals while having fun building a project. You'll also learn valuable tidbits of information on React and TypeScript. Go from being a React Router rookie to becoming React Router ready!

React Router Ready is divided into 9 sections, with over 100 pages of explanations and code examples using React 18, JavaScript ES 6+, and TypeScript. A GitHub repository containing the completed project is included.

React Router Ready uses the latest version of React Router at the time of publication (version 6.14).

Topics covered

React Router Ready will help you learn topics such as:

• How to create basic routes and dynamic routes.
• How to create nested routes.
• How to use multiple layouts in a single app.
• How to build forms with React Router.
• How to handle route errors and routes that are not found.
• How to style active links.
• How to handle form and navigation loading states.
• How to create a performant search.
• How to add authentication and authorization with Clerk.
• How to create a protected section of the app.
• How to use actions and loaders to create, view, update, and delete products.
• How to interact with an API layer for data creation, mutation, and deletion requests.
• How to connect a UI directly to actions and loaders without navigating.
• How to style a React and React Router app with TailwindCSS.
• How to set up a new project with Vite, React, TypeScript, React Router, and more.
• How to configure Prettier and ESLint with Vite.

Book sections

React Router Ready is divided into the following sections.

• Welcome
• Introduction
• Basic routes
• Nested routes
• Managing products
• Browsing products
• Product interactions
• Authentication and authorization
• What's next

This book was made for you! The book starts with the very basics of React Router, breaking down every complex detail into simple terms that can easily be understood.

If you get stuck on any section of the book, you can clone the book's GitHub repository. This will allow you to take a closer look at the code and run it on your local machine.