在React16.8之前，React通过this.state来访问state，通过this.setState()方法来更新state。当this.setState()被调用的时候，React会重新调用render方法来重新渲染UI。state是React中的重要概念。React…

不知道大家有没有过这个疑问，React 中 setState() 为什么是异步的？我一度认为 setState() 是同步的，知道它是异步的之后很是困惑，甚至期待 React 能出一个 setStateSync() 之类的 API。同样有此疑问的还有 MobX 的作者 Mich…

使用过react的同学应该对Redux这个东西有所了解。他是一种「全局状态管理」的思想(对, 这里我觉得它是一种思想, 因为对于React来说, 其实Redux内部并没有什么需要与React兼容的东西, react-redux 库里才有), 它信奉的是: 这其实对我们是一种约束…

由于最近业务较忙，2020年搞懂React原理系列文章最终篇直到现在才在业余时间抽空完成。之前在公司内部已有过一次PPT形式的分享，但经过一段时间对hooks的深度使用，对其又有了更深一些了解，故本次加上新内容并以文章形式再分享一次。 读懂源码只是第一步，弄懂其功能的代码实现方…

Hooks 是 React 函数组件内一类特殊的函数（通常以 "use" 开头，比如 "useState"），使开发者能够在 function component 里依旧使用 state 和 life-cycles，以及使用 custom hooks 复用业务逻辑。 大型组件很…

1. 初始化阶段 2. 更新阶段 3. 卸载阶段 这里需要注意的是更新阶段，componentWillReceiveProps是由父组件触发的更新，只要父组件更新，子组件的该生命周期就会被执行，跟props无关。同是，shouldComponentUpdate可以用来做性能优化…

1. React Hooks 2. 解决的问题 3. 注意事项 4. useState useState会返回一对值：当前状态和一个让你更新它的函数，你可以在事件处理函数中或者其他一下地方调用这个函数。它类似class组件的this.setState，但是它不会把新的state…

32. React 元素: 也就是虚拟DOM. 组件: 返回元素的一个函数, vue里面一个构造选项可以表示一个组件. 如果传入一个字符串div, 就会创建一个虚拟dom. react-dom.development.js:13231 Uncaught Error: Objec…

@observable 可以在实例字段和属性 getter 上使用。 对于对象的哪部分需要成为可观察的，@observable 提供了细粒度的控制。