AI 助理
备案控制台
开发者社区 问答 正文

React有哪些优化性能的⼿段?

React有哪些优化性能的⼿段?

【精品问答】前端面试手册

【精品问答】前端面试手册之React篇

展开
收起
前端问答 2019-12-01 22:25:30 991 分享 版权

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

1 条回答
写回答
取消 提交回答
  • 前端问答
    前端问答小助手
    1. 使用纯组件
    2. 使用React.memo进行组件记忆
    3. 使用shouldComponentUpdate生命周期事件
    4. 懒加载组件
    5. 使用React Fragments避免额外标记
    6. 不要使用内联函数定义
    7. 避免componentWillMount()中的异步请求
    8. 在Constructor的早期绑定函数
    9. 箭头函数与构造函数中的绑定
    10. 避免使用内联样式属性
    11. 优化React中的条件渲染
    12. 不要在render方法中导出数据
    13. 为组件创建错误边界
    14. 组件的不可变数据结构
    15. 使用唯一键迭代
    16. 事件节流和防抖
    17. 使用CDN
    18. 用CSS动画代替JavaScript动画
    19. 在Web服务器上启用gzip压缩
    20. 使用Web Workers处理CPU密集任务
    21. React组件的服务端渲染

    详情：21 个 React 性能优化技巧

    2019-12-01 23:02:48
    赞同 1 展开评论
问答分类：
前端开发
问答标签：
React Native性能 React Native优化 React Native优化性能 react.js优化 react.js性能
问答地址：
开发者社区 > 开发与运维 > 问答
相关问答
前端开发跨端时React-Native/Weex 类方案比早期 WebView 的性能有哪优势？
441
1
0
多组件开发中省略key值是React的优化方式吗？
703
1
0
React中，虚拟DOM可以提高性能，这是为什么呢？
653
1
0
React的优化方式有哪些？
384
1
0
React中的key是提升性能的关键对吗？
500
1
0
React中，虚拟DOM是怎么提高性能的呢？
522
1
0
React中，可以用哪个生命周期函数来进行性能优化？
560
1
0
#REact 在使用上下文时如何解决性能极端情况？
383
1
0
当完成了cdn的配置之后，在react native的前端，我应该使用哪一个域名？
134
1
0
容器化Native方案（如React Native和Weex）如何平衡Web和Native的优势？
124
1
0