最近在优化一个中大型 React 项目,遇到了一些性能问题,想请教下各位的经验。
背景:
React 19 + TypeScript
使用了某主流 UI 组件库(Ant Design)
页面复杂度中等,有表格、表单、图表等
问题:
应用在某些场景下会有明显的卡顿感,比如:
输入框打字有延迟
列表滚动不流畅
弹窗打开/关闭有掉帧
我的疑问:
组件库的问题?
这些成熟的组件库内部实现是否会带来性能开销?
是不是应该考虑换成更轻量的组件库,甚至自己写?
React 重渲染机制?
是不是没用好 memo / useMemo / useCallback?
状态管理不合理导致大范围重渲染?
还是两者都有?