Flux工作流

时间:2023-03-09 03:40:46
Flux工作流

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;}

  }

})