basic auth example

router.jsx

import React, { Component } from 'react'
import { render } from 'react-dom'
import { browserHistory, Router, Route, Link, withRouter } from 'react-router'

import { checkAuth } from './utils/auth.jsx'

import App from './components/app.jsx'
import Dashboard from './components/dashboard.jsx'
import Register from './components/register.jsx'
import Forgot from './components/forgot.jsx'
import Pwd from './components/pwd.jsx'
import NoMatch from './components/nomatch.jsx'

const Auth = (nextState, replace) => {
	return checkAuth().catch(()=>{
		browserHistory.push('/');
	})
}

window.addEventListener('DOMContentLoaded', ()=> {
	render((
		<Router history={browserHistory}>
			<Route path="/" component={App}>
				<Route path="dashboard" component={Dashboard} onEnter={Auth} />
			</Route>
			<Route path="register" component={Register} />
			<Route path="forgot" component={Forgot} />
			<Route path="pwd" component={Pwd} />
			<Route path="*" component={NoMatch}/>
		</Router>
	), document.querySelector('section'))
}, false)