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.render(<App/>, document.body);
});

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

ReactRouter.createRoute('/posts/{id}', function () {
	React.render(<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
ReactRouter.goTo('/');

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

Contribute

Develop

• Run npm install
• Run gulp
• Any changes to files in app/ will be compiled to dev/

Test

• Run `gulp test -'./tests/Route-test.js'
• Open the test.html file in your browser
• Any changes to files in app/ and the test file will autoreload the browser

Run test in terminal

• Run npm test
• Currently uses phantomJS, though you can use chrome