moox 是基於 redux 開發的高效能狀態管理機。
我是開源專案 yapi 作者,moox 是自己在使用 redux 過程中生成的靈感,麻煩各位 star 下github。
npm install moox
moox 封裝了 redux 的 action, reducer 到乙個檔案。
首先呼叫 moox(models) 初始化,models 物件結構是
複製**
model 結構如下面示例**,model.state 是初始化的 state, 帶 action 字串字尾的函式是乙個 action,比較特殊的是,action 函式不需要寫繁瑣的 type, 所有 actiontype 都會自動生成。
model.reducers 儲存純函式 reducer,跟 redux-reducer 不一樣的是 moox-reducer 不需要返回新的 state,直接修改函式引數傳入的 state,即可自動化生成新的 state。
詳細用法請參考 demo 下的 index.js
model 層**:
const model = ,
requeststatusaction: () => ,
adduseraction: () => (
, 1000)
})}),
reducers: ,
requeststatusaction: function (state, action)
}}複製**
元件層跟 react-redux 用法一樣:
const handleclick = () =>
return
onclick=>add random numberbutton>
div>
>div>
})}div>
}export
default connect((state)=>(), {
adduseraction: model.user.adduseraction,
requeststatusaction: model.user.requeststatusaction
複製**
Pipenv Python包管理神器
pipenv旨在將最好的包管理機制 bundler,composer,npm,cargo,yarn等等 帶到python中去。它會為你的專案自動建立和管理virtualenv,也會在安裝和移除包時自動同步pipfile,還生成了pipfile.lock檔案描述了固定版本,以便在生產環境中構建。pip...
MAC視窗管理神器 Moom
這款多功能視窗移動兼縮放工具融合了 cinch,divvy,spectacle 等同類軟體的看門本領,能夠快速修改當前視窗大小並放置在指定位置,moom 預設操作點設立在了視窗左上角的綠色按鈕上,將滑鼠hover在綠鈕上就會彈出乙個選擇選單,裡面有五種尺寸可選,單擊選項即可變化視窗大小,並能將視窗移...
Mac檔案智慧型管理神器
devonthink pro是為廣大mac使用者設計製作的一款檔案智慧型管理神器,可以幫助大家迅速處理和組織檔案,文件,便箋和書籤等內容,對這些內容進行歸納,查詢等功能操作。devonthink pro是大家進行建立新文件,智慧型組,任務列表和注釋的最佳工具。devonthink professio...