本文主要讲解超长列表渲染的实现方案，当然这个技术又被称为“虚拟列表”、“虚拟滚动”、“无限滚动列表”或者“虚拟列表滚动”等，很多个名字，不管怎么叫吧，总之我们就是要解决一个问题，即前端手里现在有很多数

虚拟滚动（Virtual Scrolling）是一种优化长列表性能的技术，通过只渲染可视区域内的列表项，从而减少 DOM 节点的数量，提高页面性能。在 React 中，可以使用第三方库 react-w

默认打开Profiler什么都没有，要点击录制按钮进行记录（跟chrome的performance挺像）。 看上去像一个柱状图，每一个柱子代表一次commit，他的颜色和高度对应执行时长，越高颜色越黄代表时间越长，反之越短。 火焰图部分会以一个类似树形的结构显示一次commit…

StrictMode 是一个用来突出显示应用程序中潜在问题的工具。与 Fragment 一样，StrictMode 不会渲染任何可见的 UI。它为其后代元素触发额外的检查和警告。 你可以为应用程序的任何部分启用严格模式。例如： 在上述的示例中，不会对 Header 和 Foot…

React.lazy 接受一个函数，这个函数内部调用 import() 动态导入。它必须返回一个 Promise，该 Promise 需要 resolve 一个 defalut export 的 React 组件。 根据官方文档所说，在 react 16 以后，任何未被错误边界…

`useCallback` 接收一个函数和一个依赖项数组作为参数，然后返回一个 memoized 版本的函数。如果依赖项数组中的任何一个依赖项发生更改，则 `useCallback` 会返回一个新的函

在 Vue 中，我们可以非常便捷地通过<keep-alive>标签实现组件的状态保存，但是在React中官方并没有提供这样便利的方法。这篇文章遍历了几乎市面上所有相关的解决方案，对它们行了对比分析。

本文根据2019年GitHub上尤大回复原文_rfcs 的讨论和自己的一些思考总结而来。 先有问题再有答案 为什么react需要fiber时间分片而vue没有? 为什么react在开发中要手动实现优化

文章废话比较多，内容就一点，介绍下我们最常用的<Fragment>标签跟<>的区别。重点请看区别那里