众所周知， React 是通过管理状态来实现对组件的管理，而setState是用于改变状态的最基本的一个方法，虽然基础，但是其实并不容易掌握，本文将结合部分源码对这个方法做一个相对深入的解析。

最近在学习react框架，之前一直都是用vue 开发，知道在vue 中知道如何配置一下相关的webpack 有助于开发，学react 过程中，我也在想这些该怎么配置啊，所以就有这篇文章

网上各种言论说 React 上手比 Vue 难，可能难就难不能深刻理解 JSX，或者对 ES6 的一些特性理解得不够深刻，导致觉得有些点难以理解，然后说 React 比较难上手，还反人类啥的

如果你还不会 React，希望本文可以帮你快速了解 React.js 的基础知识。使用 create-react-app 工具快速创建 React SPA。render 函数中提到了 JSX，简单的看，就是一个可以在 js 中写 html

首先说明node.js、npm、cnpm分别是做什么的？node.js简单的说 Node.js 就是运行在服务端的 JavaScript，安装了node.js默认安装了npm，可以使用npm -v查看是否安装。

在任何环境之下其实没有最佳，最有最适合，那么在React中编写CSS也是类似的。在React中有很多编写CSS的方式，在社区中讨论最多的应该是CSS In JS 和 CSS Modules

在react开发中，经常会遇到组件重复渲染的问题，父组件一个state的变化，就会导致以该组件的所有子组件都重写render，尽管绝大多数子组件的props没有变化

类似于 Vue，React 中组件之间的状态管理 第三方包为：react-redux。react-redux 其实是 Redux的官方React绑定库，它能够使你的React组件从Redux store中读取数据，并且向store分发actions以更新数据。

在 React 内部，React 会使用几项巧妙的小技术，来优化计算更新 UI 时，所需要的最少的更新 DOM 的操作。在大多数情况下，即使你没有针对性能进行专项优化，React 依然很快，但是仍有一些方法可以加速 React 应用程序

注意: React.PropTypes 自 React v15.5 起已弃用。请使用 prop-types 库代替。随着你的应用的开发，你会使用类型检查的方法来捕获很多bug。对于一些应用，你可以使用js扩展就像Flow或者TypeScript去对整个应用进行类型检查

就像人们对更新移动应用程序和操作系统感到兴奋一样，开发人员也应该对更新框架感到兴奋。不同框架的新版本具有新特性和开箱即用的技巧。下面是将现有应用程序从 React 15 迁移到 React 16 时应该考虑的一些好特性。

React ref理解：通过指定ref获得你想操作的元素，然后进行修改.是当组件挂载后和卸载后，以及ref属性本身发生变化时，回调函数就会被调用。 因为ref引用的是组件的实例

React 是现在最流行的 JavaScript 库之一。使用 React 可以非常轻松地创建 Web 用户交互界面。 它的成功有很多因素，但也许其中一个因素是清晰有效的编程方法。在 React 的世界中，UI 是由一个一个组件所组成的。

react hook发布也已经有几个月了，相信有部分人已经开始使用了，还有些人在犹豫要不要用，可能更多人安于现状，没有要用的打算，甚至还有很多公司的react版本是15或以下的，迫于升级的难度没有使用。以我个人的观点，要不要使用react hook呢？

PureComponent实现了Component中没有实现的shouComponentUpdata()方法，会对state和props进行一次浅对比，本文介绍一下浅对比策略,源码中，实现浅对比的函数是：shallowEqual()