Billund ·
billund是一个专注于界面渲染的同构化工具,同时支持了React
与 Vue
的渲染。billund希望能够为开发者与用户都带来优秀的体验:
- 屏蔽了繁琐的同构细节
- 一致化的组件开发体验
- 自由选型react|vue 技术栈
- 强大直观的页面配置
- 自动优化webpack打包代码
- 自由拓展的页面渲染插件
billund的执行流程:
同构,简单的解释来说就是代码能够同时运行在客户端和服务端。对于前端来说,同构的好处在于:
- 提升首屏渲染速度,提升用户体验
- 方便seo
但是,在真实的开发过程中,我们逐步发现了许多令人不快的地方:
-
同构的流程比较复杂
-
在一个团队内,可能会根据真实场景对
React
和Vue
的技术栈进行不同选型,对应设施都要重新搭建 -
Server-Side-Render
开发过程中,如果某个获取数据逻辑耗时较长,还需要考虑将那一块的html渲染滞后以免影响用户体验,却让开发体验不尽相同
针对以上痛点,billund
逐渐从业务项目中脱胎而出,成为一个同构组件,致力于为用户和开发和都提供更好的体验:
-
屏蔽了复杂的同构流程
-
对
React
和Vue
兼而并包 -
组件化的开发思路,同时将组件的开发过程 和 在页面的展示配置进行分离,组件的开发体验一致,通过页面上的简单配置就可以决定组件是否延迟在浏览器端再渲染,同时带有组件错误重试机制,服务端渲染失败的模块能够在前端重试。
-
自动优化webpack打包的代码,根据首屏组件和非首屏组件区分打包,优化首屏体验
再次感谢React
、Vue
、Koa
、webpack
等优秀的前端技术,正在这些新技术让当今的前端世界变得如此美好。
如果您在使用过程或阅读过程中有任何不快的地方,欢迎吐槽。
billund
提供了丰富的api,能够在很大程度上便利开发。
文档戳我
MIT