一個配置簡單卻功能強大的React Koa2同構isomorphic/universal項目模板

wwolf 發布于2019-08-21 12:03 / 1861人閱讀

摘要：如果你還不是很了解什么是同構，請先自行。現在市面上有很多優秀同構模板，但是其中有不少不能完美解決所有難題，只有其中一部分可以，但是這一部分模板卻又集成了很多難懂的黑科技，熟悉周期較長，且難以擴展和維護。

如果你還不是很了解什么是同構，請先自行Google。

現在市面上有很多優秀同構模板，但是其中有不少不能完美解決所有難題，只有其中一部分可以，但是這一部分模板卻又集成了很多難懂的“黑科技”，熟悉周期較長，且難以擴展和維護。

該模板解決了如下常見難題：

開發環境的代碼熱更新問題 - Browser端的熱替換(不刷新頁面)、Server端的熱更新(無需重啟node服務器)

開發環境和生產環境盡量保持環境一致 - 易于避免奇怪的bug

開發和生產環境的代碼分割 - 按需加載、按路由加載腳本(javascript)和樣式(css)

盡量使用最新的官方組件 - 如react router v4，現在市面上很多樣板還都只能用v3實現

完美結合koa和redux-thunk的async / await編程，實現真正的同構

checksum問題

配置簡單到讓你發指：

好吧，既然解決這么多問題，是不是配置過程很惡心？答：不是的。整個項目的核心配置就在以下的2 * 2文件中：

--- 開始 ---

config/webpack.dev.config.js、src/development.js - 開發環境配置

config/webpack.prod.config.js、src/production.js - 生產環境配置

--- 結束 ---

就這樣簡單... 這樣，大大方便使用者快速理解和自定義擴展。

如果你不相信：詳細信息、項目代碼請直戳Github倉庫地址 - Koa-React-Universal

代碼目前仍處于迭代階段（有些額外功能還需補充上），但是開發環境和生產環境已經配置完畢。截圖后面完成后再補上。

如果覺得好用，請送上star，請盡情fork。

GPU云服務器云服務器簡單的php網站模板簡單的asp項目怎么部署react項目一個好的防火墻應具備哪些功能

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/87387.html

傳統 Ajax 已死，Fetch 永生

摘要：結果證明，對于以上瀏覽器，在生產環境使用是可行的。后面可以跟對象，表示等待才會繼續向下執行，如果被或拋出異常則會被外面的捕獲。，，都是現在和未來解決異步的標準做法，可以完美搭配使用。這也是使用標準一大好處。只允許外部傳入成功或失敗后的回調。 showImg(https://cloud.githubusercontent.com/assets/948896/10188666/bc9a53...

fai1017 2019-08-21 10:41 評論0 收藏0
aotoo-hub，一體式大前端架構

摘要：年底了，開源一套我們的大前端架構，小伙伴們都用得很爽的。聽說的人明年會發財文檔是一套正式上線的大前端解決方案。是一套前端端彼此相親相愛不分離，你中有我，我中有你的大前端解決方案。年底了，開源一套我們的大前端架構aotoo-hub，小伙伴們都用得很爽的。 GITHUB -- 聽說star的人明年會發財文檔 aotoo-hub是一套正式上線的大前端解決方案。迭代的這2年多的時間，...

raoyi 2019-08-23 14:21 評論0 收藏0
使用原生JS進行前后端同構

摘要：什么是前后端同構明確三個概念后端渲染指傳統的或的渲染機制前端渲染指使用來渲染頁面大部分內容，代表是現在流行的單頁面應用同構渲染指前后端共用，首次渲染時使用來直出。什么是前后端同構明確三個概念：「后端渲染」指傳統的 ASP、Java 或 PHP 的渲染機制；「前端渲染」指使用 JS 來渲染頁面大部分內容，代表是現在流行的 SPA 單頁面應用；「同構渲染」指前后端共用 JS，首次渲染時...

voyagelab 2019-08-22 16:31 評論0 收藏0
react全家桶+koa2實現一個多人博客~

摘要：不斷更新筆記效果有待進一步完善搭建一個基于的多人功能登錄注冊上傳頭像發表博文發表留言參考自前端部分以的腳手架搭起的全家桶后端采用開發環境開發環境要求以上目錄結構如何運行后端默認配置在中請確保本地端口默認可用發布到目錄中默 Full-stack-blog(不斷更新筆記) 效果Demo(有待進一步完善)搭建一個基于Koa2的多人blog功能(登錄注冊上傳頭像,發表博文,發表留言)參考自ht...

mdluo 2019-08-20 17:00 評論0 收藏0
基于 Webpack 4 多入口生成模板用于服務端渲染的方案及實戰

摘要：原作者原鏈接基于多入口生成模板用于服務端渲染的方案及實戰法律聲明警告本作品遵循署名非商業性使用禁止演繹未本地化版本協議發布。這是什么背景現代化的前端項目中很多都使用了客戶端渲染的單頁面應用。原作者：@LinuxerPHL原鏈接：基于 Webpack 4 多入口生成模板用于服務端渲染的方案及實戰法律聲明警告：本作品遵循署名-非商業性使用-禁止演繹3.0 未本地化版本（CC BY-...

big_cat 2019-08-26 10:37 評論0 收藏0