Redux是Reducers实际完成了状态数据更改的工作，使用Redux时，很多人可能也只是似懂非懂，我们不知道它是如何工作的，也不知道如何建立这种关系，所以只有深入源代码才更清楚它的作用机制。

一种常见的React模式是一个组件返回多个元素。在DOM中，Fragments列表，而无需向DOM添加额外的节点。

大家都知道没有人喜欢响应慢的Web界面，React是最流行的JavaScript框架之一，它提供了许多方法来提高UI性能。

React高阶组件(HOC)对于许多react开发人员来说并不陌生，它是灵活使用react组件的一种技巧，而高级组件本身不是组件，它是一个组件，返回值也是一个组件的函数。高阶动作用来加强组件、复用逻辑、提高渲染性能等。高级元件也不难理解，其实之后接触后还是挺简单的。

React开发中常见的模式之一是将多个元素返回一个组件，Fragments允许您聚合一个子元素列表，并且不会在DOM中添加额外的节点。会Vue的朋友当然会发现，它看起来和Vue的template非常相似，都可以用来表示一个空节点。但这和Vue的temlate还是有一点不同的，我们都知道，Vue的组件

this在JavaScript中是一件烦人的东西，对那些具有面向对象编程经验的程序员更是如此，ReactJs中如何使用this呢？

今天和大家聊一下React中的RenderProp的使用方法，并通过案例来分析下高阶组件与RenderProps的优缺点。

React.setState更新数据是异步的，也就是并不会马上更新数据，而是在一次轮询之后将所有的State统一进行更改，这种方法可以减少DOM元素的重绘，但是也会造成一些问题。

Vue通过getter/setter以及一些函数的劫持，能精确知道数据变化，不需要特别的优化就能达到很好的性能。

Bit不仅是一个将组件文档化的工具，它还是一个开源工具，支持你使用所有文件和依赖项封装组件，并在不同应用程序中开箱即用地运行它们。

“renderprop”是指一种在React组件之间使用值为函数的prop共享代码的技术

函数体组件就是通过一个函数返回一些jsx，也就是JavaScript和html的混合体。

在编写基于类的组件时，您可以重写shouldComponentUpdate()的生命周期方法。该方法的目的在于：明确地声明目标组件是否需要被重新渲染(re-rendering)。

使用纯JS方式来创建虚拟DOM太麻烦了，而且可读性比较差，页面结构不够直观。于是React提供了JSX的语法来书写。 JSX的标签写法既不是字符串，也不是HTML，它是JavaScript的语法扩展，全称叫做JavaScriptXML，用来创建React虚拟DOM对象。

当编译引擎，在编译JSX代码的时候，如果遇到了<那么会把它当作HTML代码去编译，如果遇到了{}就把花括号内部的代码当作普通JS代码去编译

React是一个起源于Facebook的内部项目，因为当时Facebook对于市场上所有的JavaScriptMVC框架都不太满意，所以索性就自己写了一套，用来架设Instagram。做出来之后，发现这套东西还蛮好用的，于是就在2013年5月开源了。

React认为渲染逻辑本质上与其他UI逻辑内在耦合，比如，在UI中需要绑定处理事件、在某些时刻状态发生变化时需要通知到UI，以及需要在UI中展示准备好的数据。