跳到正文

我所理解的前端框架(React 和 Vue)最佳实践

我用 React 和 Vue 写页面时,经常会遇到相似的问题。组件怎么组织、状态放在哪里、交互怎么验证,很多判断可以放在一起谈。我把两个框架的实践放在同一个系列里,遇到共通的问题就先讲做决定的依据,再看各自的 API、组件库和工具怎样影响具体做法。

目前有两篇,可以按手头的问题选读。

第一篇《用表格组件减少通用渲染和交互的维护成本》先区分通用表格能力与项目的业务规则,再分别给出 Vue 和 React 的选型。最后用人物列表接入 UTable 的结果对照渲染、虚拟滚动和行导航的职责变化,以及适配代码和资源成本。

第二篇《利用派生值减少维护成本和心智负担》用姓名表单解释派生值如何减少同步路径,以及用户覆盖值应该放在哪里。实践沿用同一份数据,分别用 Vue、React 组件和 Pinia、Jotai 状态管理实现。