diff的作用 在React中，diff算法需要与虚拟DOM配合才能发挥出真正的威力。React会使用diff算法计算出虚拟DOM中真正发生变化的部分，并且只会针对该部分进行dom操作，从而避免了对页

此篇文章笔者将围绕 React 中自定义 hooks 给大家讲讲自定义 hooks 的概念以及我们要如何来设计编写自定义 hooks......

当我们在页面展示列表的时候，数据过多时，接口通常会弄分页，前端需要传入不同的页数（page) 和 一页多少条数据（pageSize) 来掉取

项目中有两个页面有很多Echarts画的图，进去的时候特别卡，使用了滚动加载之后流畅很多，用户体验大幅提升。 另外滚动加载还有很多其他用途，比如：滚动翻页，无线翻滚，图片出现在视口才请求。。。 1. 传统方案 在滚动加载的组件中我们需要在state中添加一个字段表示正在加载中，…

我们作为前端，平时遇到的一大类工作就是展现各种的数据，而列表就是其中一个通用的形式，无论是像Google这样的搜索引擎，到像Facebook、Twitter这样的用户社区，列表都是最为重要的展现形式。

我们经常在页面开发中遇到“渲染列表”的情况。今天给各位小伙伴带来“React”中触底加载的一种实现方式(注：以下将使用函数式组件)，希望能对各位有所帮助，蟹蟹٩('ω')و。

合成事件对象池，是 React 事件系统提供的一种性能优化方式。不同类型的合成事件具有不同的对象池。当对象池未满时，React 创建新的事件对象，派发给组件。当对象池装满时，React 从池中复用事件对象，派发给组件。

熟悉React的朋友都知道，React支持jsx语法，我们可以直接将HTML代码写到JS中间，然后渲染到页面上，我们写的HTML如果有更新的话，React还有虚拟DOM的对比，只更新变化的部分，而不重新渲染整个页面，大大提高渲染效率。到了16.x，React更是使用了一个被称为…

笔者是一个 react 重度爱好者，在工作之余，也看了不少的 react 文章, 写了很多 react 项目 ,接下来笔者讨论一下 React 性能优化的主要方向和一些工作中的小技巧。送人玫瑰，手留余香，阅读的朋友可以给笔者点赞，关注一波 。 陆续更新前端文章。 方向分别加以探…