1.React概述
React起源于Facebook的內部項目，該公司對市場上所有 JavaScript MVC框架都不滿意，決定自行開發一套，用于架設Instagram的網站。于2013年5月開源。
React是一個用于構建用戶界面的JavaScript庫。React是一套UI引擎，是DOM的抽象層，并不是web應用的完整解決方案。它遵循組件設計模式、聲明式編程范式和函數式編程的概念，使用虛擬DOM有效的操作DOM，并且遵循從高階組件到低階組件的單向數據流，從而使前端應用程序達到高效。
是JavaScript的庫，可以簡化可視化界面的開發;
是基于JSX語法（JavaScript Xml），JSX是React的核心組成部分，它使用xml標記的方式去直接聲明界面，和html、js混寫;
核心是組件，將數據和邏輯進行封裝。提高了代碼復用率，降低了代碼維護的難度。
2.React框架特點
1.聲明式設計：React 使創建交互式 UI 變得輕而易舉。為你應用的每一個狀態設計簡潔的視圖，當數據變動時 React能高效更新并渲染合適的組件。
2.組件化: 構建管理自身狀態的封裝組件，然后對其組合以構成復雜的 UI。
3.高效：React通過對DOM的模擬，最大限度地減少與DOM的交互。
4.靈活：無論你現在使用什么技術棧，在無需重寫現有代碼的前提下，通過引入React來開發新功能。
3.React開發環境搭建
1、基本應用（傳統應用）：在頁面文件中導入React的核心庫（.js文件），可以引入官網上的地址，也可以自己下載之后本地引入。
（1）核心庫：react.development.js
<!-- 官網地址 -->
<script src="https://unpkg.com/react@17/umd/react.development.js" crossorigin></script>
<!-- 本地引入 -->
<script src="../react的js庫/react.development.js"></script>
(2)與DOM相關的庫：react-dom.development.js
<!-- 官網地址 -->
<script src="https://unpkg.com/react-dom@17/umd/react-dom.development.js" crossorigin></script>
<!-- 本地引入 -->
<script src="../react的js庫/react-dom.development.js"></script>
（3）babel編譯器庫：將ES6轉換成ES5
<!-- 官網地址 -->
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<!-- 本地引入 -->
<script src="../react的js庫/babel.min.js"></script>
2、腳手架開發：搭建React項目，根據不同的需求開發組件
（1）create-react-app：屬于FacdBook，快速的、不做任何配置的構建React開發環境
npm install -g create-react-app
1
（2）create-react-app構建的react開發環境是基于webpack+ES6