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

在React16的新版本，使用了Fiber重新实现了React的核心算法，带来了杀手锏增量更新功能。它有能力将整个更新任务拆分为一个个小的任务，并且能控制这些任务的执行。 这篇文章主要对调度器原理进行解析。 大家都知道 JS 和渲染引擎是一个互斥关系。如果 JS 在执行代码，那…

这是一门免费课程，写文章和录制视频这个我花了1个半月时间，如果你觉的不错可以给一个赞。文章和视频中会详细讲解React的基础知识，React版本是16x，也是目前最新版本(我课程录制开始的日期是2019年5月4日)。今年的目标是录制100集前端免费视频教程，可能大部分都会在Re…

当QA和我反映页面卡顿只在iOS上出现时，第一反应肯定不是代码的问题，我也很纳闷iOS性能普遍要比android高啊，为啥会出现这么严重的卡顿，有点慌啊。于是开始了一次惊心动魄的前端性能优化之旅,在Google大概的看了几篇文章，感觉到应该是我在页面加了大量的动画造成了页面重排…

Hooks 顾名思义，字面意义上来说就是 React 钩子的概念。通过一个 case 我们对 React Hooks 先有一个第一印象。 假设现在要实现一个计数器的组件。如果使用组件化的方式，我们需要做的事情相对更多一些，比如说声明 state，编写计数器的方法等，而且需要理解…

1. 安装flexible 5. 引入 lib-flexible，在项目入口文件 index.js 里 引入 lib-flexible

当点击pop按钮时控制台会依次打印 changeArr (4) [1, 2, 3, 4]， changeArr (4) [1, 2, 3] ...... 但是render函数不执行， 因为PureComponent实现的shouldComponentUpdate()认为值的引用…

redux状态管理的容器。 为了防止自己手动调用 store.dispatch ，一般会使用redux的这个 bindActionCreators 方法来自动绑定 dispatch 方法，用法如下。 这个库是连接库，用来和react和redux进行关联的，上面使用redux的时…

注意本文将与之前的文章2-6-2、对类组件执行updateClassComponent紧密相关。 回顾类组件的实例化，给出一些setState相关的准备工作。 。 setState是依赖enqueueSetState来执行更新的,enqueueSetState代码在下面的分析中…