前言 今天我们来一期不同寻常的React进阶文章，本文我们通过一些不同寻常的现象，以探案的流程分析原因，找到结果，从而认识React，走进React的世界，揭开React的面纱，我深信，更深的理解，方

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际r…

自从react16.8，react-hooks诞生以来，在工作中一直使用hooks，一年多的时间里，接触的react项目，渐渐使用function无状态组件代替了classs声明的有状态组件，期间也总结了一些心得。尤其对于近期三个月的项目里，一点点用自定义hooks来处理公司项…

很多同学用react开发的时候，真正用到的React的api少之又少，基本停留在Component,React.memo等层面,实际react源码中，暴露出来的方法并不少，只是我们平时很少用。但是Re

为什么是setState，因为对于大家而言，大多数使用react的新手或者初学者，大多会直接接触到setState，而且这个方法也可能是接触最多的操作方法。那么要想详细了解setState究竟在React中做了什么事情，就需要深入了解一下。而在最新的React 16版本中，Re…

React 实现了使用 Virtual DOM 来描述 UI 的方式，通过对比两棵树的差异最小化的更新 DOM，这样使得用户的代码变的傻瓜，但是同时也来带了一些问题。这个核心的问题就在于 diff 计算并非是免费的，在元素较多的情况下，整个 diff 计算的过程可能会持续很⻓时…

这篇文章用一个由parent component和children component组成的例子来讲述fiber架构中react将props传递给子组件的处理流程。 在我先前的文章中 深入React Fiber架构的reconciliation 算法 提到要想理解更新流程的技术…

最近同事遇到一个 react 组件延迟渲染的问题，最后发现是由于对状态的更新理解不到位导致。具体问题描述： 上面的代码乍一看没有问题，但是当改变 roleId 的时候，会发现 data 里面的值没有改变，而且发现改变 roleId 时候，data 改变是上一次的结果，存在延迟（…

上面是两个最简单的 function component 和 class component 的对比，首先从行数上来看，3 << 7。 Function Component 仅仅是一个普通的 JS 函数，Class Component 因为 ES2015 不支持 class 的…