最近要对旧的项目进行重构，统一使用全新的react技术栈。同时，我们也决定尝试使用React hooks来进行开发，但是，由于React hooks崇尚的是使用(也只能使用)function component的形式来进行开发，而不是class component，因此，整个开…

了解 React 的人几乎都听过说 Virtual DOM，甚至不了解 React 的人也听过 Virtual DOM。那么 React 的 Virtual DOM 到底长什么样子呢？今天我们将一探 React 的源码来揭开 React Virtual DOM 的神秘面纱。 1…

mountComponent 负责管理生命周期中的 getInitialState、componentWillMount、render 和 componentDidMount。 updateComponent 负责管理生命周期中的 componentWillReceivePro…

耦合（coupling） 是一种表示组件之间依赖度的系统特征。根据依赖的程度，可以区分出两种耦合： 在设计系统结构和组件间关系的时候，应以松耦合为目标。 反之，紧耦合的系统就没有上述便利。主要的缺点就在于无法轻易修改一个大量依赖其他组件的组件。甚至一个简单的改变都会导致连锁的修…

Context被翻译为上下文，在编程领域，这是一个经常会接触到的概念，React中也有。 在React的官方文档中，Context被归类为高级部分(Advanced)，属于React的高级API，但官方并不建议在稳定版的App中使用Context。 不过，这并非意味着我们不需要…

与大家一起在 React 的道路上不断前行，你并不孤单！

而在实际业务中往往有大量异步场景，最原始的做法是在 React 组件 componentDidMount 的时候初始化异步流，通过 callback 或者 promise 的方式在调用 dispatch(action)，这样做把 view 层和 model 层混杂在一起，耦合严…

之前的文章React Mixins入门指南介绍了React Mixin的使用。在实际使用中React Mixin的作用还是非常强大的，能够使得我们在多个组件中共用相同的方法。但是工程中大量使用Mixin也会带来非常多的问题。Dan Abramov在文章Mixins Consid…

children need to be re-rendered with the updated state. This is the primary server responses. 翻译: setState()通过队列的形式保存组件状态并告诉React这个组件和他的子组件…