1、React高效的原因

1. 虚拟(virtual) DOM,不总是直接操作DOM
2. DOM Diff算法，最小化页面重绘

   2、React的基本使用

   A.BootCDN官网

   BootCDN官网
   https://www.bootcdn.cn/

   B.React DOM渲染

3、React组件定义的方法

使用Function和Class定义组件的不同之处在于
Class是有状态组件，Function是无状态组件

A.函数组件

该函数接收唯一带有数据的 “props”（代表属性）对象与并返回一个 React 元素。这类组件被称为“函数组件”，因为它本质上就是 JavaScript 函数。

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

B.Class组件

使用 ES6 的 class 来定义组件

class Welcome extends React.Component {
  render() {
    return <h1>Hello, {this.props.name}</h1>;
  }
}