React 开发者,如何克服 render 性能强迫症

2023-05-17 01:08:27 +08:00
 iPhone15

每天都会被 React 的渲染机制逼死:

这个世界上这么多 React 应用,
每时每刻,会有多少函数和对象,在一次次的 render 过程被创建又被立马丢弃。

虽然大多数场景下,这种渲染机制并不会在视觉上或性能上造成太多负担。

4532 次点击
所在节点    程序员
41 条回复
TWorldIsNButThis
2023-05-17 01:11:50 +08:00
react 大概是最不环保的前端框架
AvilCore
2023-05-17 01:55:18 +08:00
做开发大忌过优化,没做性能分析不要 yy 速度快慢
charlie21
2023-05-17 07:41:27 +08:00
不能克服
beginor
2023-05-17 07:51:28 +08:00
其它前段框架也差不多吧,脏值监测都差不多的
ChefIsAwesome
2023-05-17 08:11:28 +08:00
前几年我做手机网页,手机硬件不够强,网页性能都是抠出来的。
render 里放 event handler 是不可能的。传 props ,我都给分类成动态的和静态的,就为了 shouldComponentUpdate 的时候能少比较几个值。
好在 react 设计的好,这些东西一个 higher order component 都能搞定。
zloong
2023-05-17 09:06:43 +08:00
所以我选 vue
theprimone
2023-05-17 09:18:23 +08:00
建议对 React 应用征收碳税
lizhenda
2023-05-17 09:34:35 +08:00
要么不管,要么换框架
xiaoxiaoming01
2023-05-17 09:44:56 +08:00
建议对每一个 react 开发者征收碳税😑
serco
2023-05-17 09:57:11 +08:00
如果这么想的,是不是可以快进到抛弃所有高刷屏,反正绝大部分时间 2 帧之间什么都没变
sjhhjx0122
2023-05-17 10:13:41 +08:00
先用 preact 替换 react,然后更进一步直接 soildjs 这样就没焦虑了
makelove
2023-05-17 10:14:36 +08:00
所以我用 solid-js
类 react api ,但不乱 render,非常低碳环保
shunia
2023-05-17 10:36:05 +08:00
换成 solidjs 解君忧。但是别用 solid-start 。
xusanduo2019
2023-05-17 10:45:21 +08:00
react 用不好就是性能吞金兽
lankunblue
2023-05-17 10:53:01 +08:00
@shunia solid-start 有什么问题吗
huijiewei
2023-05-17 11:03:42 +08:00
@lankunblue solid-js 的 SSR 很复杂,问题很多,最典型的就是 MDX 的问题。因为这个已弃
githmb
2023-05-17 11:18:51 +08:00
亲,这边建议使用 useCallback 哦
yimity
2023-05-17 12:04:49 +08:00
页面一打开一个函数执行 100 多遍。
calicastle
2023-05-17 12:06:40 +08:00
You don't. That's the beauty of it
auroraccc
2023-05-17 12:12:17 +08:00
用 solidjs ,react 依赖数组真的厌倦了

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

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

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

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

© 2021 V2EX