为什么选 Refina

前端的困境

对于大部分前端页面，长什么样、要做什么，往往只需要三言两语就能说明白。 但是若要通过传统的前端框架实现它，往往需要写数百行代码。

传统的前端框架，比如 Vue，配合组件库，比如 Vuetify，允许你编写出细节完善、视觉美观的应用。 但是即使是一些“大厂”，也没能总是产出那么高质量的应用，因为开发效率的原因。 这即是说，即使开发者有能力，往往也会由于没有时间而无法做出相当完美的应用。 结果就是，许多传统前端框架的能力几乎得不到发挥，而为拥有这些能力所作的一些设计反而在很多情况下称为了负担。

除了传统前端框架，我们其实需要一个首先关注开发效率，其次是功能的完整性，再其次是运行时性能的前端框架。

解决方案

• 类 ImGUI 的状态管理机制

  省去状态管理带来的一切心智负担。 就像 Svelte 那样无需手动为数据添加响应性，并且不需要复杂的编译器。

• 无需写结束标签

  结束标签（如</div>）对开发效率造成了很大的影响，而它们事实上并不必要。

• 按位置传入参数，而非按名称

  这样，开发者就不需要写出参数的名称。这节省了很多时间与代码量。

• 通过返回值监听事件

  通过检查返回值来判断事件是否发生，就不需要使用回调函数，减少了代码复杂度。

• 纯 TypeScript 构建页面

  无需像 JSX 或 Vue SFC 那样的 DSL。 渲染和逻辑使用同样的、普通的 TypeScript 语法。相关的工具链也都完全兼容。

效果

Refina 仍在积极开发中，但它已经在开发效率上体现了非常大的优势。

基于数个真实项目，Refina 相比其他前端框架减少了大约 30%~40% 的代码量，开发效率提升至约 1.4~1.6 倍。