Using React Router

In this tutorial, we’ll show you how to use Hooks with React Router and minimize code lines in a component.

Wouter is a minimalist routing library that implements only the most used functionality from React Router. It also targets only the most recent environment, which is React v16.8.0+ and ES6-compliant browsers to further reduce the bundle size.

In this tutorial, let’s take a look at how to create routes using the React Router v6 library. Do note that, at the time of writing this post, React Router v6 is still in beta. This tutorial is going to give you a peek into some of the new features the library is coming out with.

Which React routing library should you use?

In this article, you'll learn how to use React-Router and its components to create a Single Page Application.

In this article, I will talk about the new features in React Router, compare Reach Router (and React Router) to the new Hooks-based API, and briefly discuss how to migrate to this API.

At the time of this writing, React Router v6 is still in alpha, but the time is about right to start playing with it and exploring what’s to come. This guide will give you a peek at the new features/changes!

Starting with version 5.1, React Router will include four useful hooks you can use to write clean, neatly stacked navigation components that please the eye. I’ll show you how these new hooks work by comparing them to the old patterns in version 4.

In this tutorial, we are going to cover everything you need to know to get started with React Router.

React Router 5 embraces the power of hooks and has introduced four different hooks to help with routing. You will find this article useful if you are looking for a quick primer on the new patterns of React Router.

In this video you'll learn how to implement catch all routes for handling 404 pages with React Router v5.

In this video, you'll learn how to create authenticated routes (routes that only certain users can access based on their auth status) using React Router v5.

In this Live Stream we're going to use ReactJS and React Router to build a SPA (Single Page Application).

I try out React Router v6. This version is still in Alpha on the time of recording. So please note that the API may not be 100% stable.

React Router v6 is both the next version of React Router v5 but also @reach/router... it's a coming together of all the best things from both routers in an easy to use light-weight package. In this tutorial we'll cover all the basics from routing, nested routes, dynamic routes, linking to catch-all routes in just over 15 minutes.

Learn how to use React Router. I go over setup, creating routes, changing routes, and route params.

Learn how to create groups for people to edit in and share the link with friends. We'll add React Router to help with this.

Learn how to use external APIs with React and React Router. This tutorial shows how to create a recipe finder application in React.

Over the past 4 years, React Router has become one of the most widely used pieces of the React ecosystem. Working on React Router was actually how I got my start in React, and it's been incredibly humbling and rewarding to work on something that brings so much value to businesses and to the React community. In this talk, I'll cover the current state of React Router, as well as discuss several new features and updates we have made so the router is ready for React's (async) future!

Learn how you can implement routing in a React Web/Native application using React-Router library

React is a great choice for dynamic, data-driven user experiences. Learn how to create browser-based apps and websites with the component-based React.js library.

Go from beginner to React.js expert by building an Instagram-like web app with React 16, React Router, Redux, and Firebase!

Learn & Master React With The Context API + Redux & Build a Real World Project With Firebase/Firestore.

This course provides tested, easy-to-follow instructions to solve the most common challenges that React developers face every day

In this course, explore routing with React Router for both web and native applications

This course shows the strength of dynamic routing and the possibilities of changing how you write React.js code when a Route becomes a first-class React component.

Upgrade your JavaScript skills to learn React.js in just a couple of afternoons. A premium step-by-step training course to get you building real world React.js + Firebase apps and website components.

The goal of this course is to tackle every scenario you might encounter when building an app with React Router so that when the time comes, you're ready.

Learn how to build and launch React web applications using React v16, Redux, Webpack, React-Router v4, and more

In this course, we will incorporate react-intl into a project created with create-react-app and react-router.

This week we chat with Michael of React Training and learn everything we need to know about React Router v6 — what's in store, how to update, and what he's learned about empathy in the process.

Declarative routing for React