Skip to content

jaredly/react-router

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Router is heavily inspired by Ember, but with some key differences that are distinctive to the React paradigm.

It is implemented as a mixin.

currently in heavy development

Benefits:

  • route is tied to state
  • setting page title is handled for you
  • routes are defined declaratively
  • routes are defined locally, one level at a time
var Router = require('react-router')
  , ListProjects = require('./list-projects.jsx')
  , NewProject = require('./new-project.jsx')
  , Project = require('./project.jsx')

var Projects = React.createClass({
  mixins: [Router],
  routes: {
    '/': ListProjects,
    '/new': NewProject,
    '/*': [Project, function () {
      return {
        projectList: this.goTo.bind(null, '/')
      }
    }]
  },
  title: function () {
    return 'Project List'
  },
  render: function () {
    return (
      <div className='projects'>
        {this.outlet()}
      </div>
    )
  }
})