UI-Router provides extremely flexible, state based routing to the React ecosystem.
Routing frameworks for SPAs update the browser's URL as the user navigates through the app. Conversely, this allows changes to the browser's URL to drive navigation through the app, thus allowing the user to create a bookmark to a location deep within the SPA.
UI-Router applications are modeled as a hierarchical tree of states. UI-Router provides a state machine to manage the transitions between those application states in a transaction-like manner.
Docs & Resources
The UI-Router package is distributed using npm, the node package manager.
yarn add @uirouter/react
UIRouter into your project, define some states and you're good to go!
import React from 'react';import ReactDOM from 'react-dom';import UIRouter UIView pushStateLocationPlugin from '@uirouter/react';import Home from './components/Home';// define your statesconst states =name: 'home'url: '/home'component: Home;// select your pluginsconst plugins = pushStateLocationPlugin;ReactDOM;