1.什麼是React?
React 是一個用戶構建用戶界面的JavaScript庫。
用戶界面：HTML頁面（前端）
React主要用來寫HTML頁面，或構建web應用
如果從MVC 的角度來看，React 僅僅是視圖層（v），也就是隻負責視圖的渲染，而並非提供了完整的M 和C 的功能。
起源於Facebook的內部項目，後又用來架設Instagram的網站，並於2013年5月開源
2.React的特點
- 聲明式
只需要描述UI（HTML）看起來是什麼樣，就跟寫HTML 一樣
React 負責渲染UI，並在數據變化時更新UI
const jsx = <div className = 'app'>
<h1>Hello React! 動態變化數據：{count}</h1>
</div>
- 基於組件
組件是React最重要的內容
組件表示頁面中的部分內容
組合，複用多個組件，可以實現完整的頁面功能
- 學習一次，隨處使用
使用React可以開發web應用
使用React可以開發移動端原生應用(react-native)
使用React可以開發VR（虛擬現實）應用（react 360）
3.React的安裝
安裝命令：npm i react react-dom
react包是核心，提供創建元素，組件等功能
react-dom包提供DOM相關功能等
4.React的使用
//A.引入react和react-dom 兩個js文件
<script src="./node_modules/react/umd/react.development.js"></script>
<script src="./node_modules//react-dom/umd/react-dom.development.js"></script>
//B.創建React 元素
const title =React.createElement('h1',null,'Hello React')
//C.渲染React 元素到頁面中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<!-- 1 引入js文件 -->
<script src="./node_modules/react/umd/react.development.js"></script>
<script src="./node_modules//react-dom/umd/react-dom.development.js"></script>
</head>
<body>
<div id="root"></div>
<script>
//2.創建react元素
//參數一：元素名稱
//參數二：元素屬性
//參數三：元素的子節點
const title =React.createElement('h1',null,'Hello React')
//3.渲染react元素
//參數一：要渲染的react元素
//參數二：掛載點
ReactDOM.render(title,document.getElementById('root'))
</script>
</body>
</html>