[推荐] react 16.8+

  • 优点
    • 创造性的 hooks 极大的简化了组件
    • 与 ts 结合的非常好
    • 生态非常大,包括一系列优秀的 antd/mobx 这些库
    • ide 支持非常好
  • 缺点
    • 函数时组件 hooks api 的依赖项非常麻烦,甚至可以说是 js 中的手动内存管理
    • 官方对周边生态不怎么上心,对开发者体验并不算很关心
    • react 生态中的许多东西都默认仅支持在 react 组件中使用,例如 react-router、recoil 都只提供钩子,无法或难以在组件外部使用

[推荐] vue3

  • 优点
    • hooks 心智负担比 react 小很多
    • 提供 vite/vuepress 等一系列优秀的官方生态库
    • 可变式的 api 对新手用户更加友好
    • 提供更多开箱即用的功能,例如 css scoped
  • 缺点
    • 生态中比较小,相比于 react 而言真正可用的非官方库不多
    • 与 ts 的结合仍然有问题
    • ide 支持目前不算太好

[推荐] preact

react 的极简替代品,它非常小,在不需要使用复杂的 react ui 框架时,可优先考虑它。

  • 优点
    • 尺寸很小 126.87kb => 16.65kb
    • 兼容部分 react 生态,例如 react-router/classnames
  • 缺点
    • 仍然存在 react 本身的问题(例如 hooks 依赖需要手动声明的问题)