Skip to content

Instantly share code, notes, and snippets.

@hojberg
Last active September 5, 2019 09:36
  • Star 12 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
Star You must be signed in to star a gist
Save hojberg/9549330 to your computer and use it in GitHub Desktop.
Simple Aviator/React example. Read more about Aviator here: https://github.com/swipely/aviator
/** @jsx React.DOM */
var AppRouteTarget = {
setupLayout: function () {
React.renderComponent({
<App className='page-content'>,
document.querySelector('body')
});
}
};
// define routes
Aviator.setRoutes({
target: AppRouteTarget,
// setupLayout is run for every route in the route tree.
'/*': 'setupLayout'
'/users': {
target: UsersRouteTarget,
'/': 'list'
'/:id': 'show'
}
});
// Start routing
Aviator.dispatch();
/** @jsx React.DOM */
var UsersRouteTarget = {
list: function () {
// placeholder - use favorite ajax lib here
var users = [];
React.renderComponent({
<UserList users={users}/>,
document.querySelector('.page-content')
});
},
show: function (request) {
// placeholder - use favorite ajax lib here
var user = { id: request.params.id };
React.renderComponent({
<User user={user}/>,
document.querySelector('.page-content')
});
}
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment