虚拟 DOM 虚拟 DOM 节点是一个 JS 对象，用这个 JS 对象可以表示 DOM 节点、组件节点等。有了虚拟 DOM，能提高整体研发体验和效率，同时也能解决跨平台问题。

对于这种变动，我举双手赞成。不过，我最感兴趣的还是，为什么要用新的转换语法呢？在React 的 RFC-0000 文档中，我们可以找到详细的解释。 React 最开始的设计是围绕着 class 组件来的，而随着 hooks 的流行，使得函数组件也变得越来越流行了。其中一些主要考…

本文主要讲解了JSX是什么以及它在Babel中的转换过程。文章还阐述了React 17之前的createElement方法和React 17之后jsx方法的实现，以及ReactElement方法的定义

jsx 的转换 我们从 react 应用的入口开始对源码进行分析，创建一个简单的 hello, world 应用： 我们注意到，我们在 App 组件中直接写了 return <div>hello, w

根据网站Build your own React翻译编写，了解React底层的渲染逻辑，简单实现React的渲染流程。

在《Concurrent 的奥秘》中，我们已经了解到，React 利用并发特性可以为应用构建更好的用户体验。而 Concurrent 的背后是：可被中断的 “渲染” 和 区分优先级的更新 两项核心设计

言简意赅地用86张思维导图🖼，总结 React相关知识点✔，且附原图和源文件📚，快来看看吧🤞~

在实际开发中，往往会碰到一些场景，在一个鼠标滚轮滚动过一定位置的列表中，点击一个具体的列表项，跳到了这个列表项的详情页，当返回的时候，为了保持良好的用户体验，希望在回到列表的时候，还能回到之前列表滑动到过的位置。 在chrome 46之后，history引入了scrollRes…

可以在effect内部直接访问state变量、或者props，而不用添加特殊的api来读取它，state（props）已经保存在函数的作用域中。hooks引入了javascript的闭包机制。 每个effect函数都属于一次特定的渲染。 每次重新渲染都会生成新的effect，替…