@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
快速連接: