经过技术选型研究,我们放弃了 React,转向 Vue

2018-12-22 14:39:22 +08:00
 nohup

因为几个项目下来,我们发现前端的应用过于卡顿,甚至还不如上一版本 JQuery Easy UI 做出来。在项目经理的会议主持下,我和前端同学在会议上就React 是否符合我们需求的问题充分交换了意见,最终会议决定放弃 React,转向 Vue。
具体原因如下: 我们应用需要每个 tab 内容显示 1000 个列表条目,每个条目显示一个文本状态和背景颜色,1000 个条目里随机每秒有一个改变文本状态。
之前有一版是用 JQ 的。JQuery 做出来的就初次只卡顿 2s,而 React 作出来每点击一次 button 却要卡的四五秒。经过前端深入对 React 研究之后,他认为这是 React 的缺陷-->无法很好地解决高频率渲染大量组件内容。

为什么无法解决呢?我不是前端,我这里拷贝一下前端的原话:

因为 React 在进行状态更新的时候,会进行判断每一个 listitem 的状态是否有改变。当然一两个组件这样就没啥问题,但是要是有 1000-1500 个小方块同时显示,而且每秒还要更新客户订单量,这样统计就会很卡了。你可以自己试一下,for 循环 1 到 1000,只输出一个文本,都会卡成狗屎,更别说 React 判断过程中不只判断一个 prop 属性呢,他要判断 N 个属性,你要在 1000*N 的判断之后,才进行渲染呢!我一开始就说用 Vue 会比较好,React 在 ERP 有嗯用完全搞不定那么多高频率的渲染需求的。“

而且我也觉得用 React 的大部分都是为了 CRUD 吧?如果像一些实时的高频率的刷新,抱歉,我和前端没看到哪一个大厂用 React 来做,感觉真的卡成狗屎。既然前端觉得 Vue 很 ok,那就让他去试试。

所以,各位认同 React 不适合大数据高频率的论点吗?

58187 次点击
所在节点    程序员
325 条回复
TaylorJack123
2018-12-23 20:33:29 +08:00
看河大讨论技术,胜读十年书。总结一句话,河大牛批
hronro
2018-12-23 23:59:09 +08:00
已经辞退。。。这操作也太骚了
只不过这个怕是假的吧
royzxq
2018-12-24 00:12:16 +08:00
这操作是真的骚
keysona
2018-12-24 00:15:26 +08:00
这个也太 6 了吧
Pastsong
2018-12-24 00:18:57 +08:00
因为这个帖子一位前端丢掉了工作。。这讨论的代价。。
wzhndd2
2018-12-24 01:23:40 +08:00
性能问题无关框架,任何前端性能问题都可以归结到原生 dom 操作上,前端一定要善于使用 F12 分析性能问题出在哪
chenqh
2018-12-24 01:25:20 +08:00
好惨呀
dremy
2018-12-24 02:12:47 +08:00
楼主终于为 React 正名了,喜大普奔
wenzhoou
2018-12-24 07:56:55 +08:00
刚愎自用。什么叫毕竟项目出问题了得要有个说法。楼主能解释一下吗?
AV1
2018-12-24 08:28:33 +08:00
我歪个题,知乎 Web 自从用 React 重构后,性能、体验都比旧版烂得很多。
当然,是不是 React 的错我就不知道了。
Justin13
2018-12-24 08:29:02 +08:00
辞退真的秀,研究原型难道是单纯的开发任务么,leader 死哪去了?
如果开发是号称 react 高手,出这种问题确实不该。
但如果是临时学,临时做,出问题那是非常正常的。
出问题了先辞退开发,真是厉害,谁能保证永不出错?
如果有 leader,开发是 react 新手,leader 有主要责任。
如果有 leader,开发号称高手,,leader,开发 55 开。
如果开发的是 leader,号称高手,这种开了确实应该。
如果只有开发,出错就被开,这公司我不敢去。
meszyouh
2018-12-24 08:39:30 +08:00
加个 immutablejs 单条数据项抽成组件,在 shouldComponentUpdate 里判断一下,再狠点上个 recycleview 也花不了多少时间吧
a7217107
2018-12-24 08:41:02 +08:00
好心疼前端,emmmm。虽然大家都在喷,但是也不希望他丢了工作吧
gimp
2018-12-24 08:44:06 +08:00
“就算是换 Vue,辞开发,我 xxx 也...”

...

“ React,真香”
cnbattle
2018-12-24 08:56:33 +08:00
抱歉,我笑了 0.0

不能给那位前端一个方向,让其优化吗

公司要说法,不止怪 react 和辞退他这两条路吧
Shook
2018-12-24 09:00:25 +08:00
好惨啊,这就被炒鱿鱼了…
tommyzhang
2018-12-24 09:06:44 +08:00
如果一定要炒鱿鱼的话 这家公司的技术总监首先应该被辞退吧?
lepig
2018-12-24 09:10:33 +08:00
只能说 贵公司的 项目经理也挺垃圾的 我说的是大实话
sphawkcn
2018-12-24 09:16:38 +08:00
@hronro #162 哪一楼说了被辞退了?
zhuoyan
2018-12-24 09:16:54 +08:00
辞退也太真实了吧

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/519999

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX