node package manager
Easy collaboration. Discover, share, and reuse code in your team. Create a free org »

uinz-navigator

react web navigator

cache the <Page />'s status

USEAGE

npm install uinz-navigator or yarn add uinz-navigator

import {Navigator, Page} from 'uinz-navigator'
import 'uinz-navigator/dist/style.css'
 
<Navigator>
    <Page path='some/path1' component={Page1} />
    <Page path='some/path2' render={() => <Page2 />} />
    <Page path='some/path3'>
        <h1>page3</h1>
    </Page>
</Navigator>

example

online demo

use with react router v4

Navigator

props desc
cap max cache page

Page

props desc
path same as <Route />