Router Resolver
A custom RouterContext
for React Router
to resolve data (data loading) use Promise
.
Installation
NPM
npm install --save router-resolver
Bower
bower install --save router-resolver
Usage
// app.js//...;//...const routes = path: '/' component: App indexRoute: component: childRoutes: ; const renderInitial = { return <div>Loading...</div>;}; const onError = { console;}; ReactDOM;
// components/pages/PageExample1.js;; Component static { return { ; }; }; static propTypes = response: ReactPropTypesstringisRequired ; { return <Document title='Example1 | Router resolver' className='page-ex-1'> <h1>Example 1: thispropsresponse</h1> </Document> ; } ;
Please see example to get more info.
- renderInitial (https://github.com/vn38minhtran/router-resolver/blob/master/example/app/app.js#L35)
- Multiple promise (https://github.com/vn38minhtran/router-resolver/blob/master/example/app/components/pages/PageExample3.js#L5)
- Show
ProgressBar
when resolving (https://github.com/vn38minhtran/router-resolver/blob/master/example/app/components/App.js#L26)
Demo
View demo or example folder.