Skip to content

tyrion-yu/billund

 
 

Repository files navigation

介绍

billund是什么

billund是一个专注于界面渲染的同构化工具,同时支持了ReactVue 的渲染。billund希望能够为开发者与用户都带来优秀的体验:

  • 屏蔽了繁琐的同构细节
  • 一致化的组件开发体验
  • 自由选型react|vue 技术栈
  • 强大直观的页面配置
  • 自动优化webpack打包代码
  • 自由拓展的页面渲染插件

billund的执行流程:

为什么要同构

同构,简单的解释来说就是代码能够同时运行在客户端和服务端。对于前端来说,同构的好处在于:

  • 提升首屏渲染速度,提升用户体验
  • 方便seo

真实的场景中

但是,在真实的开发过程中,我们逐步发现了许多令人不快的地方:

  • 同构的流程比较复杂

  • 在一个团队内,可能会根据真实场景对ReactVue的技术栈进行不同选型,对应设施都要重新搭建

  • Server-Side-Render开发过程中,如果某个获取数据逻辑耗时较长,还需要考虑将那一块的html渲染滞后以免影响用户体验,却让开发体验不尽相同

针对以上痛点,billund逐渐从业务项目中脱胎而出,成为一个同构组件,致力于为用户和开发和都提供更好的体验:

  • 屏蔽了复杂的同构流程

  • ReactVue兼而并包

  • 组件化的开发思路,同时将组件的开发过程 和 在页面的展示配置进行分离,组件的开发体验一致,通过页面上的简单配置就可以决定组件是否延迟在浏览器端再渲染,同时带有组件错误重试机制,服务端渲染失败的模块能够在前端重试。

  • 自动优化webpack打包的代码,根据首屏组件和非首屏组件区分打包,优化首屏体验

再次感谢ReactVueKoawebpack等优秀的前端技术,正在这些新技术让当今的前端世界变得如此美好。

如果您在使用过程或阅读过程中有任何不快的地方,欢迎吐槽

文档

billund提供了丰富的api,能够在很大程度上便利开发。 文档戳我

License

MIT

About

a front-end isomorphic util.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 98.8%
  • Other 1.2%