写这边文章主要是为了解决自己心中对useState用法的疑惑，希望能够帮助大家。 useState的用法其实非常简单，看官方文档非常容易掌握它的写法。但用了一段时间后，会有一些疑惑，比如：每次调用useState返回的 setXXX 方法以后触发函数重新执行，得到的新状态为什么…

setState 是同步还是异步？ 肯定是异步的呀。 确定么？那看一下这段代码会打印什么： 在 setTimeout 里修改了两次 state，并打印了 state 的值。 如果是异步的，那应该打印的

笔者从去年 12 月开始接触react，逐步由懵逼走向熟悉。不过react的需要掌握的知识点可真的有点多呢。所以花了很长一段时间来整理这样一篇react的基础知识总结的文章，以此达到温故知新的目的。文章会涉及到react本身的基础知识(包括组件通讯、生命周期、路由管理、状态管理…

本文从源码入手，分析 React 动态加载的早期方案 —— React-loadable 实现原理，为后续分析其他动态加载方案与前端路由方案作铺垫

先前我们介绍了 react-loadable 与 React.lazy，今天我们来看一款新的方案 @loadable/component 的实现，以及这三种主流方案的全面对比

React 17 版本整体架构，包含 reconcile 模块和 schedule 模块，它们之间的协作方式，以及时间切片、优先级等概念。

本文分析源码版本为17.0.1。虽然React现在已经迭代到18+ 版本了，相信大多数项目还是没有跟进更新的，所以个人认为学习老的版本并不过时。因此后续内容在未特殊说明情况下，默认为Sync模式。

相信很多人跟我之前一样，看到源码两个字觉得触不可及，觉得离自己还很遥远，是需要非常多年的工作经验的大佬才能触及到的领域。就在去年我改变了这个想法，当时被react的几个生命周期执行顺序弄的睡不着觉。

本文从源码入手，分析最流行的 React 动态加载方案 —— React-lazy + Suspense 实现原理