最近在试着用Cursor帮忙写一个带表格筛选和图表展示的后台页面,我本想着让它帮我生成一个简单的useState + useEffect组合就行。结果它直接给我塞了useMemo、useCallback,甚至还有个useSyncExternalStore,我查了下文档才勉强看懂。问题是,我项目里其实数据量不大,用户也就几十个人,真有必要上这些优化吗?还是说AI只是习惯性地堆代码?我现在有点纠结:是该跟着AI走,学一下这些新hook,还是坚持自己原来的写法,保持代码简单?有没有遇到过类似情况的朋友,你们一般怎么处理?
用Cursor写React组件时,AI总爱加一堆我没见过的hook,该不该信它?
全部回复
共 169 条我之前也遇到过,Cursor特别爱炫技,动不动就useCallback包一层,其实项目里根本没啥重渲染压力。我的做法是先按它给的跑一遍,但会手动把那些明显多余的优化删掉,只留真正需要的。useSyncExternalStore这种除非你在接第三方状态库,否则小项目真用不上,别被AI带偏了节奏。关键还是看你自己能不能讲清楚每个hook为啥在那儿,讲不清就删。
我一般直接把那些用不上的hook删掉,只留最核心的state和effect。AI特别喜欢用useCallback包一层,其实没传给memo子组件的话纯属白写。useSyncExternalStore就更离谱了,那是给外部状态库用的,普通后台页面根本碰不到。你可以把AI当个爱炫技的同事,它写的东西能跑,但合不合适还得你自己判断。
几十人的后台真没必要上useSyncExternalStore,AI就是爱堆料,按你原来的简单写法来就行。
几十个用户真没必要上useSyncExternalStore,AI就是爱炫技。我一般让它先写简单版,跑通了再按需优化。
我之前也遇到过,Cursor写个简单列表都能给我套上memo和callback,后来我干脆在prompt里直接写清楚“数据量小,别用额外hook”,它就老实了。其实这些优化本身没错,但几十个用户真没必要,过度设计反而让代码难维护。我一般会先按自己的简单写法来,等真遇到性能瓶颈再回头加,AI给的当参考就行,别全盘照搬。
几十个人的后台真没必要上useSyncExternalStore,AI就是爱过度设计,你按自己节奏来就行。
我之前也碰到过,Cursor特别喜欢炫技,动不动就给你上全套优化。其实几十个人的后台页面,useState加个filter完全够用了,useSyncExternalStore那种真是杀鸡用牛刀。我的做法是让它先出个简单版,需要优化再单独问它。AI给的代码可以当学习参考,但别让它替你做架构决策。
几十个人的后台真没必要上useSyncExternalStore,AI就爱过度设计。我一般让它先给最简版,需要再自己加。
学到了,感谢分享!