作者序：React Native 是最近非常火的一个话题，介绍如何利用 React Native 进行开发的文章和书籍多如牛毛，但面向入门水平并介绍它工作原理的文章却寥寥无几。本文分为两个部分。 作者：bestswifter @ 简书

写这篇文章的目的，主要是想弄懂 React 最新的 fiber 架构到底是什么东西，但是看了网上的很多文章，要不模棱两可，要不就是一顿复制粘贴，根本看不懂，于是开始认真钻研源码。钻研过程中，发现我想得太简单了，React 源码的复杂程度远超我的想象，于是打算分几个模块了剖析，今…

使用createContext的正确姿态 本文介绍一下 React 中常见的 Context API 在class和Hook中的使用方式。在使用 Context API 之前，我们还需要知道为啥要使用

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

react是当下非常流行的前端框架，如果你是一个react开发者，当你出去面试时大概会有80%以上的概率会被问到setState相关问题。比如setState是同步还是异步，setState批量更新时如何实现的等等。 很多同学可能给出的答案是setState是异步更新，其实不然…

前言 本文基于React版本17.0.2，这篇文章会基于Event Loop的机制来分析，对于Event Loop不熟悉的同学可以看我这篇文章从event loop探究javaScript异步。 源码

以下几个问题是我们在实际开发中经常会遇到的场景，下面用几个简单的示例代码来还原一下。 3.更新时会把每个组件的更新合并，每个组件只会触发一次更新的生命周期。 由于源码比较复杂，就不贴在这里了，有兴趣的可以去github上clone一份然后按照下面的流程图去走一遍。 1.将set…

一个月前，React 官方正式发布了 v16.3 版本。在这次的更新中，除了前段时间被热烈讨论的新 Context API 之外，新引入的两个生命周期函数 getDerivedStateFromProps，getSnapshotBeforeUpdate 以及在未来 v17.0 …

重磅提醒，评论有奖，抽奖方式具体看文末。本文分享了作者在学习如何自定义Hook过程中的一些心得体会。