浅谈react性能优化的⽅法
这篇⽂章主要介绍了浅谈react性能优化的⽅法，⼩编觉得挺不错的，现在分享给⼤家，也给⼤家做个参考。⼀起跟随⼩编过来看看吧React性能优化思路
软件的性能优化思路就像⽣活中去看病，⼤致是这样的：
使⽤⼯具来分析性能瓶颈（病根）
尝试使⽤优化技巧解决这些问题（服药）
使⽤⼯具测试性能是否确实有提升（疗效确认）
初识react只是为了尽快完成项⽬，后期进⾏代码审查时候发现有很多地⽅需要优化，因此做了个⼩结。
Code Splitting
shouldComponentUpdate避免重复渲染
使⽤不可突变数据结构
组件尽可能的进⾏拆分、解耦
列表类组件优化
bind函数优化
不要滥⽤props
ReactDOMServer进⾏服务端渲染组件
Code Splitting
Code Splitting 可以帮你“懒加载”代码，如果你没办法直接减少应⽤的体积，那么不妨尝试把应⽤从单个 bundle 拆分成单个 bundle + 多份动态代码的形式。
⼊⼝起点：使⽤ entry 配置⼿动地分离代码。
防⽌重复：使⽤ SplitChunks 去重和分离 chunk。
react native
动态导⼊：通过模块的内联函数调⽤来分离代码。
在此，主要了解⼀下第三种动态导⼊的⽅法。
1、例如可以把下⾯的import⽅式

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。