React Router 4: A Practical Introduction

Article by Prosper Otemuyiwa

React Router 4 is a body of navigational components that offers declarative routing in your React apps. Routing is of uttermost importance in almost every application's architecture. The larger your app becomes, the more your routing functionality becomes complex, from simple to deeply nested routing scenarios. In this tutorial, you are going to learn how to use React Router 4 through practical examples.


Related resources

The Hooks of 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. But before we look at hooks, we will start off with a new route rendering pattern. [continue]

Article by Agney Menon

Animated Transitions with React Router

In this post we'll look at how to animate your route transitions with React Router by breaking down the 'Animated Transitions' example on the React Router docs. [continue]

Article by Tyler McGinnis

Query Strings with React Router

In this post we'll break down how to implement and parse query strings with React Router. [continue]

Article by Tyler McGinnis