react-router-guard
v2.3.1TypeScript
React Router Guard
reactrouterguardreact authentication routerreact router authreact router code splittingreact router lazy
0/weekUpdated 3 years agoMITUnpacked: 1.0 MB
Published by laptransang
npm install react-router-guard
React Router Guard
 
Install
npm
``bash`
npm install --save react-router-guard
yarnbash`
yarn add react-router-guard
Introduction
React Router Guard is a router structure base on react-router-dom, when you install react-router-guard you don't need to install (react-router-dom, history, react-loadable) because it uses these packages as dependencies, it gives you some cool feature like router-config, code splitting, router authentication support, dynamic redirect for more information please read the demo and docs
Usage
`
javascript
import React from 'react';
import ReactDOM from 'react-dom';
/*
Because we don't need to install react-router-dom so you can use Link or NavLink from 'react-router-guard'
import { RouterGuard, BrowserRouter, Link, NavLink, Redirect, Route, Router, Switch, history, withRouter, Loadable } from 'react-router-guard';
*/
import { RouterGuard } from 'react-router-guard';
import config from './config';function App() {
return (
);
}const rootElement = document.getElementById('root'); // eslint-disable-line
ReactDOM.render(
``API
| name | type | description |
|---|---|---|
| config | RouterGuardConfigProps[] | The config for render all route |
| history | createBrowserHistory() | To use custom history |
Docs
Migrating from 1.x to 2.x
Screenshot & Demo
React Router Guard
License
MIT © TSL
=======