React Routers

Updated Sep 07, 2021#react#libs#lists

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 - A collection of navigational components that compose declaratively with your application, works wherever React is rendering.
  • Reach Router - 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 - 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 - A modern router for React that uses Suspense, Hooks and function composition to make real-world routing simple.