React 18 正式版它来啦！一起来看看 React 18 有哪些新特性吧，深入了解 React 18 中的新功能，更进一步了解并发模式的概念！

因为项目需要和面试需求，越来越多的小伙伴想要通过源码来提升自己，因此，我经常会带大家手写一些源码，比如React等，写的多了，经常会有小伙伴问我是怎么学习源码的。

今天，我们正式发布了React 17版本。之前我们已经在the React 17 RC blog post一文中详细地描述了React v17 的地位和其中相对与之前版本的改变。这篇文章是对于这个post简单的摘要，所以如果你已经阅读过了RC这篇文章，就可以跳过当前这篇。 Re…

北京时间8月11日凌晨，React团队发布了React17第一个RC版本。该版本的最大特性是“无新特性”。 遥想从v15到v16，React团队花了两年时间将源码架构中的Stack Reconciler重构为Fiber Reconciler，事情一定没有这么简单。 事实上，这次…

Vue和React实现原理和流程基本一致，都是使用Virtual DOM + Diff算法。不管是Vue的template模板 + options api写法，还是React的Class或者Function（js 的class写法也是function函数的一种）写法，底层最终都…

原文的篇幅非常长，不过内容太过于吸引我，还是忍不住要翻译出来。此篇文章对编写可重用和可维护的React组件非常有帮助。但因为篇幅实在太长，我不得不进行了分割，本篇文章重点阐述 SRP，即单一职责原则。 我喜欢React组件式开发方式。你可以将复杂的用户界面分割为一个个组件，利用…

TypeScript 可以对代码进行静态类型检查，以使其更加健壮和易于理解。 让我们开始吧. useState hook 允许你在 React 中管理状态。 相当于 Class 组件中的this.state 要在useState hook 上设置类型，你需要将状态类型传递给&#…

​ 一个React 状态管理库。 ​ Recoil 的行为方式和原理与 React 完全一致。将其使用到你的应用程序中能够获得快速且灵活的状态共享。 ​ 派生数据和异步查询均采用纯函数和高效的订阅方式实现。 ​ 通过监听应用程序中所有状态的变化来实现持久化存储、路由、时间旅行调…

接上篇 React源码解析之completeWork和HostText的更新 ，本文讲解下HostComponent多次渲染阶段的更新（下篇讲第一次渲染阶段的更新）。 「第一次渲染阶段」放在下篇文章讲。 主要是执行了diffProperties()方法，可能你会有疑惑：为什么不…