React Profiler 的使用 前言 平时大家开发项目的时候，有时候会感觉项目卡顿，通常情况下可以即时做出整改，但也有时候不太容易找到引起卡顿的点，或者说不好发现潜在的性能问题，React De

什么？今天我被 Leader 拉进小黑屋了！“有很多用户吐槽咱的页面太卡了”，本文将从笔者近期参与的一个实际业务需求出发，总结性能优化思路，讲述我在 React 中后台场景下性能问题排查的心路历程

得益于 chrome 浏览器强大的调试能力， console.log 可谓是前端开发中解决未知问题最直接的办法，遇事不决，打个日志，简单粗暴🏈。但是在 React 项目中其实有更好的调试方案，那就是官方（脸书）出的 react devtools ，可以针对性的做一些代码的调试…

react18+vite从0开始创建项目基础步骤，<https://github.com/hejiyun/vite_react16.git>

async/await 是在 ES2017 中引入的，目的是为了让异步操作更加直观、方便，同时也解决了 Promise 的回调地狱问题。那么我们该什么时候去捕获 async/await 的异常呢？

而且，国际化方案往往与具体的技术栈是绑定的。 本国际化方案仅针对 React 技术栈，且不会涉及服务端国际化内容。 载入语言环境数据。 React Intl 依赖这些数据来支持单复数和相对时间格式化的功能。 虽然我只用到了文本翻译的功能，以为就不需要加载这些数据，但后来发现这是…

返回一个 memoized 回调函数。在依赖参数不变的情况下，返回的回调函数是同一个引用地址 返回一个 memoized 值。在依赖参数不变的的情况返回的是上次第一次计算的值

useCallback的常见误区：是为了减少不必要的函数创建吗？结合memo使用就能做到性能优化了？

自定义 Hooks 其实就是在现有 React 提供的 Hooks 上做一层封装，实现一些更有针对性的逻辑，或者可以将一些比较通用的业务逻辑做一个封装。