image

React routers

Notable libraries to handle routing in React apps with declarative APIs

React routers are libraries to keep your UI in sync with the URL, they have features like lazy code loading, dynamic route matching, location transition handling, parse data from url, nested component paths, relative links, and navigate programmatically.


React Router

image

reacttraining.com

React Router is a collection of navigational components that compose declaratively with your application, works wherever React is rendering

Reach Router

image

reach.tech

Reach Router is a small, simple router for React that borrows from React Router, Ember, and Preact Router. Reach Router has a small footprint, supports only simple route patterns by design, and has strong (but experimental) accessibility features.

Connected React Router

image

github.com

A Redux binding for React Router v4 and v5, synchronize router state with redux store through uni-directional flow, dispatches history methods (push, replace, go, goBack, goForward) works for both redux-thunk and redux-saga.

Navi

image

frontarm.com

Navi is a modern router for React that uses Suspense, Hooks and function composition to make real-world routing simple.