受控组件与非受控组件：是否受状态控制。 但是结果和我们想象的不一样：输入框不能输入值。这是因为input的value取的是state中的val。但是val的值一直是空。 受状态控制的组件，必须要有onChange方法，否则不能使用. 简单功能实现，输入框值，与显示值统一。这就是…

本地开发使用webpack-dev-server，实现热更新，基本流程跟之前react开发类似，仍是浏览器端渲染，因此在编写代码时要考虑到一套逻辑，两种渲染环境的问题。 当前端页面渲染完成后，其Router跳转将不会对服务端进行请求，从而减轻服务端压力，从而页面的进入方式也是两…

上一篇文章讲到了React 调用ReactDOM.render首次渲染组件的前几个过程的源码, 包括创建元素、根据元素实例化对应组件, 利用事务来进行批量更新. 我们还穿插介绍了React 事务的实现以及如何利用事务进行批量更新的实现. 这篇文章我们接着分析后面的过程, 包括调…

蓝色框框的部分分别是Diff算法的核心代码updateChildren以及processUpdates，通过Diff算法获取了组件更新的updates队列之后一次性进行更新。 《深入React技术栈》这本书对Diff算法的解释比较好。其实只要记住几个原则以及在具体的计算upda…

帮你理清学习 React 的思路

总结项目目前优化的方案，大体的就这些，陆续还有增加！

1. constructor ES6中每个类的构造函数，要创建一个组件的实例就要调用相应的构造函数。 但是并不是每个组件都要定义自己的构造函数，比如无状态的React组件。一个组件调用构造函数，往往是为了两个目的： 2. componentWillMount 3. render…

React 的四个概念简单介绍：Virtual DOM；React 组件；Jsx 语法；Data Flow（单向数据流）

高阶组件是一种很好的模式，很多 React 库已经证明了其价值。这篇文章中我们将会详细的讲解什么是 HOC，你能用它做什么，它有哪些局限，如何实现它。