React特性与简介

首先，React的官方定义是：用于构建用户界面的Javascipt组件

React是用JavaScript构建快速响应的大型web应用程序的首选方式之一。它在Facebook和Instagram上表现优秀。

React的特点

主要分为：声明式，组件化以及跨平台编写。

React 的特点包括：

高效灵活：React 使用 VDOM，减少了 DOM 的交互，而且它能与已知的库或框架完美配合。

声明式的设计：React 声明范式。 React 的组件可以代码复用。 单向响应的数据流会比双向绑定的更安全，速度更快。

影响web性能的主要原因是等待资源加载时间、浏览器的单线程执行

还有其他影响 Web 性能的因素，例如 HTML，CSS，JavaScript 和媒体文件等前端模块，以及与 Web 性能相关的 API、开发人员工具、最佳实践和不当做法等。

ErrorBoundary

ErrorBoundary 是 React 组件，用于捕获其子组件树中任何位置的 JavaScript 错误，记录这些错误，并显示备用 UI，而不是崩溃的组件树。ErrorBoundary 在渲染期间、生命周期方法和它们下面的整个树的构造函数中捕获错误。

ErrorBoundary 组件可以将错误信息记录到日志中，或者渲染一些错误信息 ErrorBoundary 组件还可以帮助防止应用程序崩溃。

componentDidCatch() 接收两个参数：error（表示发生的错误）和 info（包含有关错误发生位置的组件树信息）

类组件

类组件是 React 组件的一种类型，是基于 ES6 Class 这种写法，通过继承 React.Component 得来的 React 组件。 在类组件中，组件名称必须以大写字母开头。 组件必须包含 extends React.Component 语句，该语句创建对 React.Component 的继承，并允许您的组件访问 React.Component 的功能。 组件还需要一个 render () 方法，该方法返回HTML。

Hooks

React Hooks 是 React 16.8 版本中引入的一种新特性，它允许函数组件具有访问状态和其他 React 功能的能力。因此，类组件通常不再需要。Hooks 让您可以从组件中使用不同的 React 功能。您可以使用内置的 Hooks 或将它们组合在一起来构建自己的 Hooks。useState 和 useEffect 是最常用的两个 Hook。useState 允许您在函数组件中添加状态，而 useEffect 允许您在每次渲染后执行副作用操作。