由于 useEffect 是在函数式组件中承担执行副作用操作的职责，所以回调函数不支持返回异步操作。那我们怎么做才能让它支持异步函数写法呢？

大家好，我卡颂。 相比Vue可以基于模版进行编译时性能优化，React作为一个完全运行时的库，只能在运行时谋求性能优化。 这些优化对开发者大多是无感知的，但对项目进行性能优化时也常令开发者困惑。比如如

MobX 是一个专注于状态管理的库，在 React 世界的流行程度仅次于拥有官方背景的 Redux。但 MobX 有自己独特的优势，它通过运用透明的函数式响应编程使状态管理变得简单、高效、自由。

1. 写在前面 本文会介绍mobx、mobx-react和mobx-react-lite的基本使用，还有配合react context api的使用，都是api的入门使用，不涉及源码剖析。 2. 什么是Mobx？ Mobx是简单、可扩展的状态管理库。是经过战斗洗礼的库，通过透明…

React Fiber 是Facebook花费两年余时间对 React 做出的一个重大改变与优化，是对 React 核心算法的一次重新实现。

众所周知，react diff算法是在更新时，根据state的更新，计算出变化的节点，再渲染。那么diff是通过什么和什么对比呢，又是如何对比的呢？ react做的就是对比上面的1和4，最终生成2，最后将2渲染到页面中。 diff算法就是发生在reconcile这个阶段，rec…

个人理解，单页面应用是使用一个html下，一次性加载js, css等资源，所有页面都在一个容器页面下，页面切换实质是组件的切换。 history 可以理解为react-router的核心，也是整个路由原理的核心，里面集成了popState,history.pushState等底…

调用React的render()方法会创建一颗由React元素组成的树，在下一次state、props或context更新时候，相同的render()方法会返回一颗不同的树。React需要基于这两颗树之间的差别来判断如何有效的更新UI以保证当前UI与最新的树保持同步 此方法将在…

将之前生成的真实的DOM对象，加入到容器中。 key值的作用：用于通过旧节点，寻找对应的新节点，如果某个旧节点有key值，则其更新时，会寻找相同层级中的相同key值的节点，进行对比。