React Hooks 的三层理解：会用，掌握基本用法；懂原理，能手写官方 Hooks；会设计，能自定义 Hooks。

本文希望通过分析 useMemo/useCallback 的目的、方式、成本，以及具体使用场景，帮助开发者正确的决定如何适时的使用他们。

当我们项目越来越大的时候，代码的体积会变得庞大，导致我们项目的加载速度变慢，特别是如果您包含大型第三方库。您需要密切关注包含在bundle中的代码，以免我们的项目体积太大，导致加载时间长。

TypeScript 在电商团队中的实践总结 TS的特性 JavaScript： 解释型脚本语⾔，⽆需额外编译，便可在浏览器等环境中解释执⾏。 TypeScript： ⾯向对象的编程语⾔，增加了静态类

如今React+TypeScript 已成为各大厂标配- 建议熟读React和TypeScript官方文档 - 建议开启 tsconfig.json中 "noImplicitAny": true 建

HTTP 协议是一种无状态协议，即每次服务端接收到客户端的请求时，都是一个全新的请求，服务器并不知道客户端的历史请求记录；Session 和 Cookie 的主要目的就是为了弥补 HTTP 的无状态特性。 客户端请求服务端，服务端会为这次请求开辟一块内存空间，这个对象便是 Se…

IntersectionObserver API 的用法，以及如何兼容。 如何在React Hook中实现无限滚动。 如何正确渲染多达10000个元素的列表。 无限下拉加载技术使用户在大量成块的内容面前一直滚动查看。这种方法是在你向下滚动的时候不断加载新内容。 当你使用滚动作为…

性能优化不是一个简单的事情，但在 95% 以上的 React 项目中，是不需要考虑的，按自己的想法奔放的使用就可以了。 我认为性能优化最好的时候是项目启动时。在项目启动时，需要充分考虑页面的复杂度，如果非常复杂，则必须提前制定各种措施，防止出现性能问题。如果前期评估页面不复杂，…

上一篇文章讲了 React 性能优化的一些方向和手段，这篇文章再补充说一下如何进行性能测量和分析, 介绍 React 性能分析的一些工具和方法. 进行任何性能优化的前提是你要找出’性能问题‘，这样才能针对性地进行优化。我觉得对于 React 的性能优化可以分两个阶段: 1. 分…