基于插件架构的通用Web框架Fusion.js

[songjinzang14]

Uber 的 Web 平台团队开发 Fusion.js，一个开源的 Web 框架，用于简化 Web 开发，并构建出高性能的轻量级 Web 应用程序。

随着 Web 最佳实践的发展，Uber 需要改造已有的单体 Web 框架，解决长达数年的技术债务所带来的挑战。我们还希望让工程师们能够继续使用他们喜欢的技术（例如 React 和 Redux），同时保持与 Uber 健康监控基础设施的兼容性。

具体来说，Uber 希望核心框架能够解决以下痛点：服务器端渲染、代码拆分和模块热加载所需的复杂配置和工具样板代码；在涉及服务器端渲染的 React 应用程序时，缺乏用于实现和共享特性的良好抽象；不同位置的代码紧密耦合而导致的脆弱性；测试难度攀升；单体框架​​缺乏灵活性。

虽然现有的解决方案解决了其中的一些挑战，但我们发现，基于框架添加新库通常需要修改多个不相关的文件。例如，要让可进行服务器端渲染的应用程序支持 Redux, 通常需要在服务器相关的文件中添加代码，并在客户端添加类似的代码，还要向 HTML 模板中添加 hydration 代码，使用 React Provider 组件等。要集成 i18n 库或添加浏览器性能指标库也是一样。

很多特定于应用程序的代码可能会依赖用于管理副作用的库（例如用于日志记录或数据持久化的库），工程师很难在没有服务层抽象的帮助下以可测试的方式集成这些库。

Fusion.js 应用程序是通用的，也就是说它有一个单入口文件，并且可以在服务器和浏览器上重用代码。在通用的应用程序中，React 组件还可以获取数据并在服务器上渲染 HTML，从而可以利用浏览器的原生 HTML 解析器和避免 JavaScript DOM API 的开销来减少页面加载时间。

项目地址： https://github.com/fusionjs/fusionjs