next.js+dva的React MVC工程化前端框架-@symph/joy

@symph/joy

介紹

https://lnlfps.github.io/symph-joy

@symph/joy的目標是創建愉悅的前端應用,擁有了next.js的服務端渲染和零配置能力,也能像dva一樣輕鬆的開發前端業務。

該項目已在生產環境使用,如有任何疑問、使用幫助、bug反饋、特性討論,請聯繫我們,或者到github創建issue,也非常歡迎加入我們。

特徵

  • 零配置可用,快速開發,已集成react、redux、react-router4和ES6、7語法支持等
  • 支持服務端渲染,只需在Component中添加async componentPrepare()一個方法來獲取數據
  • 支持靜態版本導出,脫離Node.js運行,也可單獨導出靜態頁面
  • 使用MVC架構,組件結構清晰、依賴明確
  • 支持aync語法來編排業務,監聽業務執行結果
  • 使用@裝飾器的方式,動態註冊model和controller,不侵入業務代碼
  • 內置跨域請求轉發服務,在Node.js服務端的支持下,不再困擾跨域問題
  • 支持插件化配置

安裝和開始

運行yarn init創建一個空工程,並填寫項目的基本信息,當然也可以在一個已有的項目中直接安裝。

yarn install --save @symph/joy react react-dom

@symph/joy 只支持 React 16及以上版本

添加NPM腳本到package.json文件:

{
  "scripts": {
    "dev": "joy dev"
  }
}

然後就可以開始開發工作了,創建./src/index.js文件,編寫第一個組件:

export default () => <div>Welcome to @symph/joy!</div>

最後運行yarn run dev命令,在瀏覽器中輸入訪問地址http://localhost:3000。如果需要使用其它端口來啓動應用 yarn run dev -- -p <your port here>

到目前爲止,一個簡單完整的react app已經創建完成.

文檔

https://lnlfps.github.io/symph-joy

快速連接:

聯繫我們

郵件:[email protected]

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章