Tip: React v16.8.0已经支持Hooks。当我们进行更新时，别忘了更新其他相关依赖包，包括React DOM等。React Native将会在下一个稳定版本支持Hooks。

If you want your application to be stable, don't use context. It is an experimental API and it is likely to break in future releases of React. If you aren't familiar with state management libraries like Redux or MobX, don't use context. If you aren't an experienced React developer, don't use cont...

diff并非React首创，只是React针对diff算法进行了优化。在React中diff算法和Virtual Dom的完美结合可以让我们不需要关心页面的变化导致的性能问题。因为diff会帮助我们计算出Virtual Dom变化的部分，然后只对该部分进行原生DOM操作，而非重新渲染整个页面，从而保证每次操作更新后页面的高效渲染。

在React中是通过this.setState()来更新state。当调用this.setState()的时候，React会重新调用render方法来重新渲染UI。

组件的挂载是最基本过程，这个过程主要做初始化。在这初始化个过程中componentWillMount会在render方法之前执行，而componentDidMount方法会在render方法之后执行。分别代表了渲染前后时刻。写一个简单的例子：

首先了解下createStore.js。通过调用createStore创建唯一的store，store中暴露出getState，dispatch，subscribe，replaceReducer这几个方法。通常我们用到的主要是前三个方法，这里作为主要介绍内容。如下是createStore的主要内容：

一般在团队开发中每个人的代码习惯都不太一样，这样就会导致代码风格不一致，以致于维护和修改bug的时候看别人的代码成为一种痛苦...这种情况尤其在前端开发中尤为明显。因为关于前端的开发规范貌似也没有行业权威标准。这几天在网上看了下，基本上在开发中通过eslint进行约束，airbnb的标准貌似颇为推崇，今天稍微整理...

React是通过管理状态来实现对组件的管理。react通过this.state来访问state，通过this.setState()方法来更新state。当this.setState()被调用的时候，react会重新调用render方法来重新渲染UI。

Virtual Dom实际上是在浏览器端用JavaScript实现的DOM API，它之与React就类似一个虚拟空间，包括一套整体的virtual DOM模型，生命周期的维护和管理，性能高效的diff算法和将virtual DOM展示为原生DOM的Patch方法。

React主要思想是通过构建可复用组件来构建用户界面。所谓组件就是有限状态机。通过状态渲染对应的界面，且每个组件都有自己的生命周期，它规定了组件的状态和方法需要在哪个阶段改变和执行。

关于今天要学习的组件间抽象其实我这小白看了几次还没弄明白，这次决定一探究竟。在组件构建中，通常有一类功能需要被不同的组件公用，此时就涉及抽象的概念，在React中我们主要了解mixin和高阶组件。

React是以组合组件的形式组织的，组件因此彼此相互独立。组件中会有3种不同的可能性：父组件向子组件通信、子组件向父组件通信、没有嵌套关系的组件之间通信。

在React中，每当表单的状态发生变化时，都会被写入到组件的state中，这种组件在React被称为受控组件。受控组件中，组件渲染的状态与它的value或者checked相对应。React通过这种方式消除了组件的局部状态。React官方推荐使用受控组件。

Virtual DOM在内存中是以对象的形式存在，如果想要在这些对象上加事件就会比较简单。React基于Virtual DOM实现了一个合成事件层，我们所定义的事件会接受到一个合成事件对象的实例。不会存在IE浏览器兼容性的问题，同样支持事件冒泡机制。

React不是完整的MVC/MVVM框架，它专注于视图层，提供清晰，简洁的视图层解决方案。听起来和模板引擎很像，但是React又是一个包括view和controller的库。React不像其他框架提供很多复杂的概念和繁琐的API，它以Minimal API Interface为目标，只提供组件化相关的非常少量的API.

注1：本文主要根据 "自述|redux中文文档" 学习的个人总结记录。也是是为了更快更好的学习和接受redux的操作，更好的应用的项目中。原文档地址：[链接]注2：本文较长，可能会需要花一点时间去阅读和理解.

注1：本文主要根据 "自述|redux中文文档" 学习的个人总结记录。也是是为了更快更好的学习和接受redux的操作，更好的应用的项目中。原文档地址：[链接]注2：本文较长，可能会需要花一点时间去阅读和理解.