react-subrouter

When you need to change views without changing the URL.

SubRouted Components can be in any part of your application.

There can be multiple SubRouters

API is closely aligned with react-router's (SubLink, SubRouteHandler, etc...)

Usage

Request Libraries

importReactfrom'react';import{SubRoute,SubRouter,SubLink,SubRouteHandler}from'react-subrouter';

Define SubRoutes

varroutes=(<SubRoutehandler={Modal}><SubRoutename="deposit"handler={Deposit}><SubRoutename="card"handler={Card}/><SubRoutename="bank"handler={Bank}/></SubRoute><SubRoutename="status"handler={Status}/><SubRoutename="info"handler={Info}/></SubRoute>};

Build a new SubRouter

classIndexextendsSubRouter{constructor(props,state){super(props,state,routes,'card');}}

Start building nested SubRoutes

exportdefaultclassextendsReact.Component{render(){return(<divclassName="modal"><divclassName="tabs"><SubLinkto="status"className="tab three">Status</SubLink><SubLinkto="deposit"className="tab three">Deposit</SubLink><SubLinkto="info"className="tab three">Info</SubLink></div><SubRouteHandler/></div>);}}