React Router Resources

Welcome to React Router · React Router is a lightweight, fully-featured routing library for the React JavaScript library. React Router runs everywhere

React Router class tools Class Component utilities for React Router 6+ Feature withRouter() function withRouter() decorator RouteComponentProps this.p

Next Generation Routing for React Documentation Documentation Site You can also find the docs in the website directory. Community Join us on Spectrum

Universal Router A simple middleware-style router that can be used in both client-side and server-side applications. Visit Quickstart Guide (slides) |

wouter is a tiny router for modern React and Preact apps that relies on Hooks. A router you wanted so bad in your project! Features Zero dependency, o

React Router Declarative routing for React Docs View the docs here Migrating from 2.x/3.x? 3.x docs 2.x docs Packages This repository is a monorepo th

@swan-io/chicane A simple and safe router for React and TypeScript. Design principles Typed routes: improving the DX, and making sure all your params

React Router Hash Link This is a solution to React Router's issue of not scrolling to #hash-fragments when using the Link component to navigate. Whe

About This Repository This repository belongs to my "React Router v6 Upgrade Guide" YouTube video. You can also learn all about React (incl. React Rou

A simple and safe router for React and TypeScript.

Electron Router DOM 🌎A react-router-dom adapter for Electron apps If you've already tried using react-router-dom with Electron, had difficulties ge

redux-first-history Redux First History - Make Redux 100% SINGLE-AND-ONLY source of truth! Redux history binding for react-router @reach/router wouter

React Router Declarative routing for React Docs View the docs here Migrating from 2.x/3.x? 3.x docs 2.x docs Packages This repository is a monorepo th

This package enables you to define your routes using the flat-routes convention. This is based on the gist by Ryan Florence

react-slide-routes 🏄‍♂️ The easiest way to slide React routes Fit React Router v6 For React Router v5, please use [email protected] Add yarn a

Navi Declarative, asynchronous routing for React. Navi is a JavaScript library for declaratively mapping URLs to asynchronous content. It comes with:

Generouted Generated file-based routes for React Location and Vite Motivation I enjoyed working with file-based routing since started using it with Ne

UI-Router provides extremely flexible, state based routing to the React ecosystem.

react-router-scroll React Router scroll management. react-router-scroll is a React Router middleware that adds scroll management using scroll-behavior

remix-use-spa-metrics Custom hook for tracking client-side navigation performance in Remix/React-Router applications Motivation The current performanc

Crossroad A routing library for React with a familiar interface. It has some differences with React Router so you write cleaner code: The links are pl

React Breadcrumbs React component use to generate a breadcrumb trail (compatible with React Router). Installation npm install --save react-breadcrumbs

redux-router This project is experimental. For bindings for React Router 1.x see here In most cases, you don’t need any library to bridge Redux and Re

react-tiger-transition Page transitions for react router dom. Animate your routes programmatically during navigation. Instead of defining the animatio

auth-react-router is a wrapper over react-router-dom v6 that provides a simple API for configuring public, private and common routes (React suspense r

React Router Component Version Compatibility = 0.39.0 React v15,16 = 0.32.0 React v15 = 0.27.0 React 0.14 0.24 - 0.26.0 React 0.13 0.23 - 0.26.0 Re

A small router middleware for vanilla-js

A guard middleware for react-router v6, inspired by react-router-guards.

Render isomorphic React + React Router apps and components in Node

React Router Breadcrumbs HOC A small (~1.3kb compressed & gzipped), flexible, higher order component for rendering breadcrumbs with react-router 5 exa

effector-easy-router A declarative router for effector and react. It is inspired by react-router-dom and effector gates. Routes are independent from e

MobX Little Router A view-agnostic router that uses MobX to manage its internal state. Built to handle the complex requirements of modern-day, univers

vscode-router-generator VSCode Extension to generate a router based on a file structure and returning the correct nested layouts. There can be optiona

React Project with - React Router Dom My name is Alex Principe. I'm a Full stack developer who shares programming code with the community. This repo c

In this project, let's build Nxt Trendz app with Protected Route by applying the concepts we have learned till now. Refer to the image below: Design F

Rock ✊ , Paper 🖐️ , Scissors ✌️ A simple but classic game! If the player wins, they gain 1 point. If the computer wins, the player loses one point. P

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Hash Route + History Route Additional based for React Route v6 Support Version Map React React Scripts Bear React Grid 18 5.0.1

Route Sphere - Sync query parameters with a MobX store and React Router

Dummy Amazon Clone with React - NozamA 😂 In this assignment, I tried to build a

For React Router V4/V5. React component to keep the scroll of the page and to restore it if the user clicks on the previous button of its browser You

My Universal React Project 🚀 How to use Install packages with yarn or npm install. If you have native iOS code run npx pod-install Run yarn start to

This is a simple component that provides drilldown-style horizontal slide transitions between index and child routes.

React Router Chart Create a single source map of truth for all routes in your react app and easily render in react-router Getting Started Install Incl

Dionysus Era CRA React with MS on macOS |_____|| | DioMsTsxG | Hima Balde Compare the config files and project structure with my Og App to correct/edi

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

💦 React-Router로 SPA 개발하기 SPA Single Page Application 의 약어로 한 개의 페이지로 이루어진 애플리케이션이라는 의미이다. 서버에서 사용자에게 제공하는 페이지는 한 종류이지만, 해당 페이지 에서 로딩된 JS와 현재 사용자 브라우저

aux-router React router that supports rendering of multiple independent (auxiliary) routes. Install npm install --save aux-router Documentation AuxRou

react-router-namesake Example import { Switch } from "react-router"; import { BrowserRouter, Route, Link } from "react-router-dom"; import { Router as

monorouter monorouter is an isomorphic JavaScript router by @matthewwithanm and @lettertwo. It was designed for use with ReactJS but doesn't have any

A custom React router that leverages the Web Animations API and CSS animations.

react-link-filter ⚗️ Treat your NavLink / components for better SEO and UX. Opens all external links in a new tab/window with rel="nofollow noopener