閒D沒事，寫了一個還算「中用」的React 腳手架，叫Moderate

這是我參與更文挑戰的第1天，活動詳情查看： 更文挑戰

gitee

github

Moderate "終"定在哪？

Moderate，意思爲適中的，適度的，用這個做爲代號，主要取決於他的本名「中用」，其一以貫之的想法就是中庸，秉承着以人爲本的態度，着眼通常且常見業務，整理出一套「還行」的解決方案，選擇性地追求先鋒，策略性地堅持守拙，大致保持趨向極致的中庸，目標是打造一個沒那麼「重」(各類設限)，沒那麼「輕」(啥也沒有)，方便演化的一個有生命力的腳手架，這就是Moderate所追求的「終」。

基於此想法指導下，初步具有了如下主要功能：

🥟 開箱即用，邏輯風格（比較）統一，理解一二，可推其餘，並提供模版做爲參考。

🍢 路由可配置，可約定（部分），可視化調整，而且具有切換動畫和還原滾動位置等功能。

🥥 頁面開發確立了一個靈活的規範，即將頁面的數據和邏輯關注分離，實則一體，方便擴展和維護。

🥪 組件基於antd進行了包裝，目的旨在（儘量）遵循其設計的基礎上擴展一些功能，（追求）讓用起來更方便。

🍱 對數據管理器層進行了整合，確立好業務邊界，讓業務流轉協調順暢，可配置行爲，如:mock，schema校驗，接口防抖，提示信息等。

🍬 網絡請求基於axios進行了包裝，進行了簡單且必要的封裝。

🇬🇧 對國際化功能進行了包裝，爲每一個頁面指定了獨立的國際化文件，並簡化了開發複雜度，更直接，便於擴展和維護。

🥦 前端mock接口更直接天然，開發環境下動態引入且可拆卸可定製。

📐 提供接口參數的schema校驗，以應對後臺的api文檔細節口口相傳的潛在危機。

📒 集成了MD文檔功能，這樣能夠方便在開發時有什麼相關想法和收穫，在不脫離項目的狀況下進行記錄沉澱，既方便我的，又貢獻集體。

🏀 初步整合了Cocos引擎，能夠在react代碼中寫遊戲，想一想就感受興奮，一加一就不是等於二的問題了。

快速上手

環境準備

首先得有 node 推薦使用 yarn 管理 npm 依賴，並使用國內源（阿里用戶使用內網源）。

安裝 qanglee-cli

npm i -g qanglee-cli
複製代碼

建立項目

先找個地方，而後執行qanglee create或者npx qanglee create。

qanglee create
? your projectName: Moderate
複製代碼

運行

npm start
複製代碼

用不用

因人而異，Moderate就是在「平平無奇」的地方，作着」普普統統「的事情，不奢望會被接受，不憂慮會被否認，一直在路上，僅但願有一分就貢獻一分光和熱。

做賦一首，以抒胸意

前潛皆可，可攻可守。 黑白皆容，趨善避惡。 乾坤知易，隨遇而刻。 保中守和，無成有終。