Flux-react-router NPM

React Router

Part of flux-react, the router is a simple HTML5 router that will cover most your needs. Read more about FLUX over at Facebook Flux.

Download from dist: ReactRouter.min.js or install from npm with npm install flux-react-router.

Scope

Is a function that takes a hash of routes pointing to callbacks
Alternatively a route can point to another route for redirect
Go to a route directly with: Routes.goTo(path)
Return route goTo function with: Routes.deferTo(path), see example

Example

var React = require('react');
var ReactRouter = require('flux-react-router');
var App = require('./App.js');
var Posts = require('./Posts.js');
var Post = require('./Post.js');

ReactRouter.createRoute('/', function () {
	React.unmountComponentAtNode(document.body);
	React.renderComponent(<App/>, document.body);
});

ReactRouter.createRoute('/posts', function () {
	React.unmountComponentAtNode(document.body);
	React.renderComponent(<Posts/>, document.body);	
});

ReactRouter.createRoute('/posts/{id}', function () {
	React.unmountComponentAtNode(document.body);
	React.renderComponent(<Post id={params.id}/>, document.body);	
});

ReactRouter.createRoute('*', '/');


ReactRouter.init();
// or
SomePromise().then(ReactRouter.init);

/* In other parts of your code */

// Go directly to new route
Router.goTo('/');

// deferTo() returns a function, so that on click it will trigger the route
<button onClick={Router.deferTo('/')}