Flux工作流
模型层(M)和控制层(C)
Flux 只是这个模式的一个例子。
很多代码和一堆重复的模板
在其他JavaScript环境中实现重用。
强大又容易配置的模块化打包工具Webpack来简化构建军系统
Babel转译器用ECMAScript 6 ECMAScript 7
构建系统
运行脚本的工具,还能优化你的项目结构。
管理内部与外部依赖
运行编译器和预处理器
为生产环境优化资源 Uglify
运行开发环境的Web Server 文件监控 浏览器自动刷新
Yeoman Bower Grunt
Grunt -> Gulp
基础模板, Webpack 与NPM
Webpack是一个模块化打包工具,Node.js 常用的
CommonJS模块话务员法
NPM 服务端与前端模块的共用。 按顺序加载
一个浏览中加载的脚本
Browserify
其他类型的资源, 转换成JavaScript函数 去内联或加载引用到的文件。
require CSS/SASS/LESS Web Server
{
"name":"react-example-filmdb",
""
}
React.createClass({
displayName:‘HelloMessage‘,
render() {
return <div>Hello {this.props.name}</div>;
}
})
class HelloMessage extends React.Component {
render() {
return <div>Hello {this.props.name}</div>;
}
}
React.createClass({
displayName:‘Counter‘,
getDefaultProps: function() {
return {initialCount: 0};
},
getInitialState: function() {
return {count:this.props.initialCount;}
}
})
原文:http://www.cnblogs.com/yushunwu/p/4932104.html