本文是有关如何使用动态导入(dynamic import)的详细指南，该功能可实现代码分隔和延迟加载，另外还介绍了如何使用错误边界(error boundaries)来捕获错误。 import()当前处于TC39流程的第4阶段，在JavaScript中以类函数的方式加载模块。 …

8月10日，React发布了React v17的第一个RC版本，令人惊讶的是，即使从React的主要正式版本发布已经过去了三年，新版本也没有添加任何新功能。根据React团队的说法，这是为了使开发人员更容易更新React。但是React团队称，他们正在为v17之后的版本进行一些…

React核心团队成员Sebastian Markbåge（React Hooks的发明者）曾说：我们在React中做的就是践行代数效应（Algebraic Effects）。 那么，代数效应是什么呢？他和React有什么关系呢。 代数效应是函数式编程中的一个概念，用于将副作用…

swr是一个hook组件，可以作为请求库和状态管理库，本文主要介绍一下在项目中如何实战使用swr，并且会解析一下swr的原理。从原理出发读一读swr的源码 首先从缓存中取数据，然后去真实请求相应的数据，最后将缓存值和最新值做对比，如果缓存值与最新值相同，则不用更新，否则用最新值…

Fiber是一种轻量的执行线程，同线程一样共享定址空间。线程靠系统调度，并且是抢占式多任务处理，Fiber则是自调用，协作式多任务处理。

下面是我阅读过源码后，将所有的执行流程总结出来的流程图，不会贴代码，如果你想阅读代码看看具体是如何实现的，可以根据流程图去源码里寻找。 组件装载 / 更新。 通过lastProps、nextProps判断是否新增、删除事件分别调用事件注册、卸载方法。 获取document对象。…

其实在我思考react-router的用处时候，我有些愣住。 这不是理所当然的吗！react-router可以是组件路由啊,它可以，额，它可以... 在不清楚react-router的用处的时候，可以先假设没有react-router会怎样。那么，我们编写一个复杂应用会有什么改…