popbean-react/example/demo-app.jsx

let me think about something,comming soon...

'use strict';
var React = require('react');
var ReactRouter = require('react-router');
var {Route,RouteHandler} = ReactRouter;

var sb_style = require('../less/bs3/sb-spa-2.less');

var CmsAppRoutes = require('./node/demo/demo-router');
//如果需要使用history需要后端也配合使用
ReactRouter.create({
        //location: Router.HistoryLocation,
	routes:CmsAppRoutes
}).run(function(Handler,state){
	React.render(<Handler/>,document.body);
});
/**
'use strict';
var React = require('react');
var AppNav = require('../component/common/app-nav');
//var ReactTools = require('react-tools');
var sb_style = require('../less/bs3/sb-spa-2.less');
//
var Message = React.createClass({//用于展现自定义的内容
	getDefaultProps:function(){
		return {
			data:[]
		};
	},
	render:function(){
		return (
            <a href="#">
                <div>
                    <strong>{this.props.data.author}</strong>
                    <span className="pull-right text-muted">
                        <em>{this.props.data.logdate}</em>
                    </span>
                </div>
                <div>{this.props.data.msg}</div>
            </a>
		);
	}
});

//
var actions = [
	{
		icon:"fa fa-user fa-fw",
		label:"soso",
		children:[
			{
				icon:"fa fa-user fa-fw",
				label:"用户档案"
			},
			{
				icon:"fa fa-gear fa-fw",
				label:"设置"
			},
		]
	},
	{
		icon:"fa fa-bell fa-fw"
	},
	{
		icon:"fa fa-envelope fa-fw",
		renderComponent:Message,
		children:[
			{
				author:"to0ld",
				logdate:"yesterdaty",
				"msg":"日日是好日"
			},
			{
				author:"tealc",
				logdate:"tommoro",
				"msg":"日日是好日!"
			}
		]
	},
];
var nodes = [
	{
		code:'node-dashboard',
		label:'dashboard',
		icon:'fa fa-dashboard fa-fw'
	},
	{
		code:'node-chart',
		label:'chart',
		icon:'fa fa-bar-chart-o fa-fw',
		children:[
			{
				code:'node-flot-chart',
				label:'flot chart',
				icon:'fa fa-bar-chart-o fa-fw'
			}
		]
	}
];
//
var Index = React.createClass({
	render:function(){
		return (
			<AppNav title={'逐梦人'} version={'v1.0'} actions={actions} nodes={nodes}/>
		);
	}
});
// module.exports = Index;
React.render(<Index />,document.body);
*/