React routing client side

Most of single page applications (SPAs) will need to display different sections to the user, hence you'll probably need a routing layer to be able to switch across them. React doesn't come with a baked in router, but there are libraries or techniques that you can use to adopt routing in your React app. Find out what are all the option with the links in this topic.

4 resources available

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

React Router 4: A Practical Introduction

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 [continue]

Article by Prosper Otemuyiwa

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