Flux工作流

Flux工作流

模型层(M)和控制层(C)

Flux 只是这个模式的一个例子。

很多代码和一堆重复的模板

在其他JavaScript环境中实现重用。

强大又容易配置的模块化打包工具Webpack来简化构建军系统

Ｂabel转译器用ECMAScript 6   ECMAScript 7

构建系统

运行脚本的工具，还能优化你的项目结构。

管理内部与外部依赖

运行编译器和预处理器

为生产环境优化资源  Uglify

运行开发环境的Web Server  文件监控   浏览器自动刷新

Yeoman   Bower   Grunt

Grunt -> Gulp

基础模板，   Webpack 与NPM 

Webpack是一个模块化打包工具，Node.js 常用的

ＣommonJS模块话务员法

ＮＰＭ  服务端与前端模块的共用。  按顺序加载

一个浏览中加载的脚本

Ｂrowserify

其他类型的资源， 转换成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;}

　　}

})