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

　　}

})