知识库

白天 夜间 首页 下载 阅读记录
  我的书签   添加书签   移除书签

React 项目性能分析及优化

浏览 77 扫码 分享 2022-11-09 19:56:09
  • PureComponent/ShouldComponentUpdate
  • React.memo
  • 善用 React.useMemo
  • 合理使用 React.useCallback
  • 谨慎使用 Context
  • 小心使用 Redux

    https://github.com/brickspert/blog/issues/36

    PureComponent/ShouldComponentUpdate

    React.memo

    善用 React.useMemo

    合理使用 React.useCallback

    谨慎使用 Context

    小心使用 Redux

    若有收获，就点个赞吧

    0 人点赞

    上一篇:
    下一篇:
    • 书签
    • 添加书签 移除书签
    • pnpm、 npm 和 yarn的区别
    • CICD
    • 前端如何搞基建听后感?
    • 【Web前端问题】多次请求因为网络无法保证响应顺序，如何保证获得所有响应结果后生成的列表结果的顺序与请求顺序一致？
    • git
      • git 基本操作
      • global-gitignore
      • git-worktree
      • macOS 配置多个 SSH Key
      • 使用 Git 前要做的最小配置
    • package.json 最全详解
    • linux部署nuxt.js项目
    • jenkins
    • SSR原理及架构实现
      • 实现SSR框架
    • 微前端
      • 基于 qiankun 的微前端最佳实践
      • 微前端技术选型
      • iframe是什么
      • 前端沙箱是什么？怎么实现沙箱环境？
      • 微前端实践
      • 微前端的概念
    • axios 源码分析
    • 数据结构与算法
      • 二分查找
        • 如何识别二分查找？
      • 链表
        • 链表的基本操作
      • 队列
        • 广度优先遍历
        • 队列的基本介绍
      • 堆
        • 数组中的第k个最大元素
        • topk问题
        • 堆排序
    • 脚手架工具
    • 使用webSocket通信协议实现后端消息推送
    • eslint+husky+prettier+lint-staged
    • 每日一题
      • 请用 js 去除字符串空格？
      • 如何判断一个对象是promise
      • memory cache和disk cache
    • Docker
      • Docker
    • 编译原理
      • 编译原理在前端应用
    • 设计模式
      • 设计模式在前端中的应用
      • 防御性设计和开发
      • 创建型模式
        • 工厂方法
      • 大汇总
    • vim使用技巧
      • vi编辑器
    • react
      • React hook
      • Fiber 阶段的 reconclier %26 commit
      • useState实现原理
      • 纯函数和Effect应该如何选择
      • react 和 vue 框架比较
      • 理解了状态管理，就理解了前端开发的核心​
      • 有状态组件和无状态组件
      • TS+vite 体验react18 新特性
      • Hooks
      • Redux从设计到源码
      • React 项目性能分析及优化
      • Fiber
      • react合成事件
      • react 中的dom diff 算法
      • react渲染
      • setState的执行机制
      • react 核心技术开发
      • React 设计模式
      • 谈谈我这些年对前端框架的理解
    • Vue
      • vue diff算法
      • history、hash 路由
      • vuejs设计与实现
      • 有react fiber，为什么不需要vue fiber呢？
      • vue项目模板
      • Vue2
        • 响应式源码
        • 响应式数据原理流程图
      • Vue3
        • Transition 组件
        • KeepAlive 组件
        • Teleport 组件
        • DOM Diff
        • vue2 和 vue3 对比
        • 组件更新流程
        • 组件渲染为真实dom的过程
        • patchNode及patchProps
        • computed源码
        • ref、toRef、toRefs 原理
        • Vue3 响应式数据原理
        • Vue3构建流程
    • vite
      • vite是什么
      • vite源码解析
      • vite 原理解析
    • webpack
      • CSS 资源处理及其差异
      • 资源内联
      • 文件压缩
      • 文件指纹
      • Compiler 和 Compilation
      • Compilation
      • Compiler
      • Node.js EventEmitter
      • Tapable
      • 开发 Loader
      • 开发 Plugin
      • webpack4 升级webpack5 遇到的问题
      • 开发一个骨架屏
      • webpack插件开发原理
      • webpack
    • gulp
    • rollup
    • http协议
      • HTTP传输大文件的方法
      • HTTP特点
      • 响应状态码
      • 输入网址按下回车键，页面发生了什么
      • DNS域名解析
      • 网络分层
      • 与HTTP相关的各种概念
      • 二、HTTP是什么
      • 一、HTTP协议的发展历程
      • http(s)协议
    • 浏览器工作原理
      • 浏览器工作原理
    • JavaScript
      • service worker
      • web worker
      • javascript
    • Typescript
      • ts 一些内置工具泛型的实现
      • infer
      • typeof 操作符
      • keyof操作符
      • 数据类型
      • 枚举
      • 函数
      • 类
      • 接口
      • interface与type的区别
      • 泛型
      • 类型断言
      • 类型兼容性
      • typescript 是什么
    • NodeJs
      • nvm 管理node版本
      • Node.js内存管理和V8垃圾回收机制
      • Node.js模块系统
      • 事件循环和大图——NodeJS 事件循环第 1 部分
      • 定时器、立即数和 Process.nextTick——NodeJS 事件循环第 2 部分
      • Promises, Next-Ticks 和 Immediates -- NodeJS Event Loop 第三部分
      • 处理 IO — NodeJS 事件循环第 4 部分
      • NodeJS 事件循环（第五部分）- 最佳实践
      • nodejs学习笔记
    • Go
      • GoLang
    • MySql
    • css面试题
    暂无相关搜索结果！

      让时间为你证明

      展开/收起文章目录

      分享，让知识传承更久远

      文章二维码

      手机扫一扫，轻松掌上读

      文档下载

      请下载您需要的格式的文档，随时随地，享受汲取知识的乐趣！
      PDF文档 EPUB文档 MOBI文档

      书签列表

        阅读记录

        阅读进度: 0.00% ( 0/0 ) 重置阅读进度
          思维导图备注