react是漸進(jìn)式框架；react是用于構(gòu)建用戶(hù)界面的JavaScript庫(kù)，React框架通常是指react、“react-router”和“react-redux”的組合，而React框架是漸進(jìn)式的；React采用聲明式編碼UI，可以輕松實(shí)現(xiàn)交互式UI，讓代碼更加可行且方便調(diào)試。

本教程操作環(huán)境：Windows10系統(tǒng)、react17.0.1版、Dell G3電腦。

react是漸進(jìn)式框架

什么是React

官方：用于構(gòu)建用戶(hù)界面的 JavaScript 庫(kù) 。

所以React并不是一個(gè)框架，而是一個(gè)用于前端數(shù)據(jù)渲染的庫(kù)。

而人們常指的React框架指的是：react+react-router+react-redux的組合。

React框架是漸進(jìn)式的。

React 起源于 Facebook 的內(nèi)部項(xiàng)目，最初來(lái)架設(shè) Instagram ，后于 2013 年 5 月開(kāi)源。

React的特點(diǎn)

高性能：虛擬DOM(Virtual DOM)配合 diff 算法，最大限度地減少與 DOM 的交互。

聲明式：React采用聲明式編碼UI，可以輕松實(shí)現(xiàn)交互式UI，讓代碼更加可行且方便調(diào)試。

組件化：通過(guò) React 構(gòu)建組件，使得代碼更加容易得到復(fù)用，能夠高效率的應(yīng)用在大項(xiàng)目的開(kāi)發(fā)中。

單向響應(yīng)的數(shù)據(jù)流：React 中的數(shù)據(jù)是單向自頂向下傳遞的，父組件數(shù)據(jù)的更新會(huì)自動(dòng)傳遞到子組件，但子組件的數(shù)據(jù)更新不會(huì)影響到父組件，也不能在子組件修改父組件傳入的數(shù)據(jù)

JSX擴(kuò)展：JSX 是 JavaScript 語(yǔ)法的擴(kuò)展。React 開(kāi)發(fā)不一定使用 JSX ，但官網(wǎng)建議使用它。

靈活：React可以與已知的庫(kù)或框架很好的進(jìn)行配合。

擴(kuò)展知識(shí)：

全局安裝腳手架

$ npm i -g create-react-app

基于腳手架快速構(gòu)建工程化的項(xiàng)目

$ create-react-app xxx項(xiàng)目名稱(chēng)

項(xiàng)目執(zhí)行命令（package.json）

$ yarn start //=>開(kāi)發(fā)環(huán)境下啟動(dòng)項(xiàng)目（默認(rèn)會(huì)基于webpack-dev-server創(chuàng)建一個(gè)服務(wù)，用來(lái)隨時(shí)編譯和翻譯開(kāi)發(fā)的內(nèi)容） $ yarn build //=>生產(chǎn)環(huán)境下，把編寫(xiě)的內(nèi)容打包編譯，放到build文件目錄下（服務(wù)器部署） $ yarn eject //=>把所有隱藏在node_models 中的webpack中的配置項(xiàng)都暴露出來(lái)（方便自己根據(jù)項(xiàng)目需求，二次更改webpack配置）

【