React 项目性能分析及优化 about blog

[sanshuiwang]

1. 编码之前思考
2. 编码中代码思考，以及借用工具分析
3. 打包再次处理

砖家威武

[hufans]

砖家的思维着实缜密。

[hfuuss]

赞

[acmu]

首先你可以打开这个示例页面

这个页面链接 404 打不开了

[acmu]

对于不可变数据，我也有一些类似文章里的思考，但还不能像你这样简单的总结出来，砖家牛逼。

还有 useState 的浅比较，真是学到了

[zingwu]

牛牛

[YeeJone]

文章很棒～ 纠正一个小问题

也就是执行代码与绘制是同一个线程...

其实浏览器的渲染线程和 js 引擎是两个不同的线程， 并且浏览器 GUI 渲染线程与 JS 引擎是互斥的。

[liyan1105]

React 函数组件的 useState，其 setState 会自动做浅比较，也就是如果你在上面例子中调用了 setState(0) ，函数组件会忽略这次更新，并不会执行 render 的。一般在使用的时候要注意这一点，经常有同学掉进这个坑里面。

这里应该不对吧，React应该是用的Object.is的polyfill去做的比较，贴一个源码链接：
https://github.com/facebook/react/blob/3fb11eed9a166ebab23b778662f54c449fcffad0/packages/react-reconciler/src/ReactFiberHooks.new.js#L829

[wu0792]

React 函数组件的 useState，其 setState 会自动做浅比较，也就是如果你在上面例子中调用了 setState(0) ，函数组件会忽略这次更新，并不会执行 render 的。一般在使用的时候要注意这一点，经常有同学掉进这个坑里面。

这里应该不对吧，React应该是用的Object.is的polyfill去做的比较，贴一个源码链接： https://github.com/facebook/react/blob/3fb11eed9a166ebab23b778662f54c449fcffad0/packages/react-reconciler/src/ReactFiberHooks.new.js#L829

不就是浅比较吗：
https://github.com/facebook/react/blob/3fb11eed9a166ebab23b778662f54c449fcffad0/packages/shared/objectIs.js#L14

[yysfwls]

示例页面打不开