React-概念和基本使用

什么是react

一个用于构建用户界面的JavaScript库

react三个特点

1. 声明式
2. 组件化
3. 跨平台

react 脚手架的使用

创建：npx create-react-app 文件名
启动：npm start

react基本使用

1. 导入react和react-dom
2. 创建react元素(虚拟DOM)
3. 渲染react元素到页面中

核心代码：

// 导入react和react-dom
import React from 'react'
import ReactDOM from 'react-dom'

// 创建元素
const title = React.createElement('h1', null, 'hello react')

// 渲染react元素
ReactDOM.render(title, document.getElementById('root'))