开发者社区> 问答> 正文

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

展开
收起
前端问答 2019-12-01 22:25:30 959 0
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 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
利用编译将 Vue 组件转成 React 组件 立即下载
React Native 全量化实践 立即下载
React在大型后台管理项目中的工程实践 立即下载