现在写 react 组件基本都是 function + hooks 了，因为 hooks 很强大也很灵活。 比如 useState 可以声明和修改 state，useEffect 可以管理异步逻辑，u

大家好，我是小杜杜，有关高性能，大数据量的列表渲染的示例已经非常常见，可以说是前端必须要了解的功能点，今天我们一起手写一下，看看如何去更好的实现～

虚拟DOM到底是什么，它与真实的DOM有什么不同？在React中，为什么自定义组件的首字母要大写？有了虚拟DOM，性能就一定能够得到提升吗？...如果你对这些有疑问，那么这篇文章一定能帮助到你～

本文是学习 react 以后的一些知识点梳理，旨在能帮助自己随时复习。总结梳理的不一定全面到位准确，仅供参考。 一个组件从 template 到最后的 dom 节点 要经历两个过程： react render 和 react commit。 react commit，即 提交阶…

本文是一篇入门级源码分析类文章，对于源码了解较深者也可以阅读本文多多指点笔者一二。 其实我们在初始化生成fiber结构时，我们会给每个节点都标记成新增节点，此处我们会判断节点是否有firstEffect，如果有那么这便是子节点的副作用，即子节点，并且把它挂载到副节点上，继续判断…

认识 hook 时代的 「setState」 在以 class component 为主要组件形态的 react 时代，组件实例上的 this.setState() 无疑是最重要的 react API

本文将会带你深入学习React的新架构－Fiber和新的reconciliation 算法的两个阶段。我们将会深入探讨一下React更新state和props，处理子组件的具体细节。 React是一个用于构建用户界面的javascript类库。它的核心机制是对组件状态进行变更检…

个人理解，单页面应用是使用一个html下，一次性加载js, css等资源，所有页面都在一个容器页面下，页面切换实质是组件的切换。 history 可以理解为react-router的核心，也是整个路由原理的核心，里面集成了popState,history.pushState等底…

先来思考一个老生常谈的问题，setState是同步还是异步? 再深入思考一下，useState是同步还是异步呢？ 我们来写几个 demo 试验一下。 先看 useState 同步和异步情况下，连续执行