资讯专栏INFORMATION COLUMN

一个配置简单却功能强大的React Koa2同构isomorphic/universal项目模板

wwolf / 1831人阅读

摘要:如果你还不是很了解什么是同构,请先自行。现在市面上有很多优秀同构模板,但是其中有不少不能完美解决所有难题,只有其中一部分可以,但是这一部分模板却又集成了很多难懂的黑科技,熟悉周期较长,且难以扩展和维护。

如果你还不是很了解什么是同构,请先自行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。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/87387.html

相关文章

  • 传统 Ajax 已死,Fetch 永生

    摘要:结果证明,对于以上浏览器,在生产环境使用是可行的。后面可以跟对象,表示等待才会继续向下执行,如果被或抛出异常则会被外面的捕获。,,都是现在和未来解决异步的标准做法,可以完美搭配使用。这也是使用标准一大好处。只允许外部传入成功或失败后的回调。 showImg(https://cloud.githubusercontent.com/assets/948896/10188666/bc9a53...

    fai1017 评论0 收藏0
  • aotoo-hub,一体式大前端架构

    摘要:年底了,开源一套我们的大前端架构,小伙伴们都用得很爽的。听说的人明年会发财文档是一套正式上线的大前端解决方案。是一套前端端彼此相亲相爱不分离,你中有我,我中有你的大前端解决方案。 年底了,开源一套我们的大前端架构aotoo-hub,小伙伴们都用得很爽的。 GITHUB -- 听说star的人明年会发财 文档 aotoo-hub是一套正式上线的大前端解决方案。迭代的这2年多的时间,...

    raoyi 评论0 收藏0
  • 使用原生JS进行前后端同构

    摘要:什么是前后端同构明确三个概念后端渲染指传统的或的渲染机制前端渲染指使用来渲染页面大部分内容,代表是现在流行的单页面应用同构渲染指前后端共用,首次渲染时使用来直出。 什么是前后端同构 明确三个概念:「后端渲染」指传统的 ASP、Java 或 PHP 的渲染机制;「前端渲染」指使用 JS 来渲染页面大部分内容,代表是现在流行的 SPA 单页面应用;「同构渲染」指前后端共用 JS,首次渲染时...

    voyagelab 评论0 收藏0
  • react全家桶+koa2实现一个多人博客~

    摘要:不断更新笔记效果有待进一步完善搭建一个基于的多人功能登录注册上传头像发表博文发表留言参考自前端部分以的脚手架搭起的全家桶后端采用开发环境开发环境要求以上目录结构如何运行后端默认配置在中请确保本地端口默认可用发布到目录中默 Full-stack-blog(不断更新笔记) 效果Demo(有待进一步完善)搭建一个基于Koa2的多人blog功能(登录注册上传头像,发表博文,发表留言)参考自ht...

    mdluo 评论0 收藏0
  • 基于 Webpack 4 多入口生成模板用于服务端渲染方案及实战

    摘要:原作者原链接基于多入口生成模板用于服务端渲染的方案及实战法律声明警告本作品遵循署名非商业性使用禁止演绎未本地化版本协议发布。这是什么背景现代化的前端项目中很多都使用了客户端渲染的单页面应用。 原作者:@LinuxerPHL原链接:基于 Webpack 4 多入口生成模板用于服务端渲染的方案及实战 法律声明 警告:本作品遵循 署名-非商业性使用-禁止演绎3.0 未本地化版本(CC BY-...

    big_cat 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<