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

state 在什么时候，由于什么原因，如何变化已然不受控制。 通过限制更新发生的时间和方式，Redux 试图让 state 的变化变得可预测。 使用纯函数来执行修改 纯函数意味着依赖单一，我们只需要派发一个用于描述state变化的action即可。 这让时间旅行、记录和热更新成…

"高阶"二字听起来非常唬人，因为大学高数课上的高阶方程让人抓狂，从而让第一次接触"高阶组件"概念的人们误以为又是什么高深的思想和复杂的逻辑。但相信在你学习完成后和生产环境大量使用过程中，就会发现这个所谓"高阶组件"真的一点也不高阶，非常简单易懂。本文通过回答三个问题带你深入浅出…

介绍了八种 React 条件渲染方式。 这样对 React 渲染效率有提升。 将组件赋值到变量，就可以在 return 前任意修改它了。 但三元运算符产生嵌套时，理解成本会变得很高。 这个是最常用了，因为代码量最少。 高阶组件，就是返回一个新组件的函数，并且接收一个组件作为参数…

本博客为连载代码博客同步更新博客，随着项目往后开发可能会遇到前面写的不合适的地方会再回头修改。如有不妥~欢迎兄弟们不啬赐教。谢谢！ 常规操作，这里之所以保存了pageNum状态树以及list信息，是为了防止每次进入页面都需要重新获取下数据。做一个缓存的优化。 界面编码部分比较简…

高阶组件是什么？乍一听，感觉是个很高级的概念，但是不要被这个名词吓到，说简单点 就是给已有的一个组件外面“包一层”。 我们知道 “高阶函数” 是传入函数作为参数， 高阶组件 其实就是传入 组件作为参数，并返回一个新组件。 高阶组件的作用是什么？项目开发当中，通常我们会把一些公用…

当我们能够熟练运用React进行前端开发时，不免会对React内部机制产生浓厚的兴趣。组件是什么？是真的DOM吗？生命周期函数的执行依据又是什么呢？ 本篇，我们先来研究React组件的实现与挂载。 上述代码写完后，我们就得到了<A />这个组件，那么我们接下来先弄清楚<A />…

本文主要介绍一些React的设计思想和相关概念，不管是想要阅读源码还是想深入了解React的同学看过来呀。欢迎指出错误，一起探讨一起进步。 React的相关代码都放在packages里。 React的主要特性就是各种组合而成的组件。由不同人编写的组件可以组合使用，并且实现组件的…