React.js 简介以及一些基本概念

React 是一个用于构建用户界面的 JAVASCRIPT 库。React 主要用于构建UI，由 Facebook 开发，并用于构建 Instagram 的网页版。

React 的主要特点：

1. 虚拟 DOM（Virtual DOM）：React 使用 Virtual DOM 来优化渲染过程，只渲染改变的部分。
2. 组件系统：React 使用组件构建 UI，每个组件可以进一步划分为更小的组件。
3. 单向数据流（One-way reactive data flow）：React 实现了单向数据流，简化了应用逻辑。

React 基本概念：

1. JSX：JSX 是 JavaScript XML 的缩写，是一种在 React 组件内部嵌入 HTML 标签的语法扩展。
2. 组件：React 组件是构建 UI 的基本单元，可以是函数或类。
3. State 和 Props：State 是组件内部的数据，Props 是组件的属性或参数。
4. 生命周期钩子：React 组件有一系列生命周期钩子，比如 componentDidMount 在组件挂载后调用。

安装 React：

npm install react react-dom

简单的 React 组件示例：

import React from 'react';
import ReactDOM from 'react-dom';
 
class HelloMessage extends React.Component {
  render() {
    return <div>Hello {this.props.name}</div>;
  }
}
 
ReactDOM.render(
  <HelloMessage name="John" />,
  document.getElementById('root')
);

在这个例子中，我们创建了一个名为 HelloMessage 的类组件，它接收一个名为 name 的属性。在 render 方法中，我们通过 JSX 语法渲染了一个简单的 <div> 元素。然后，我们使用 ReactDOM.render() 方法将这个组件渲染到页面上 ID 为 root 的元素内。