react是漸進式框架；react是用于構建用戶界面的JavaScript庫，React框架通常是指react、“react-router”和“react-redux”的組合，而React框架是漸進式的；React采用聲明式編碼UI，可以輕松實現交互式UI，讓代碼更加可行且方便調試。

本教程操作環境：Windows10系統、react17.0.1版、Dell G3電腦。

react是漸進式框架

什么是React

官方：用于構建用戶界面的 JavaScript 庫 。

所以React并不是一個框架，而是一個用于前端數據渲染的庫。

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

React框架是漸進式的。

React 起源于 Facebook 的內部項目，最初來架設 Instagram ，后于 2013 年 5 月開源。

React的特點

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

聲明式：React采用聲明式編碼UI，可以輕松實現交互式UI，讓代碼更加可行且方便調試。

組件化：通過 React 構建組件，使得代碼更加容易得到復用，能夠高效率的應用在大項目的開發中。

單向響應的數據流：React 中的數據是單向自頂向下傳遞的，父組件數據的更新會自動傳遞到子組件，但子組件的數據更新不會影響到父組件，也不能在子組件修改父組件傳入的數據

JSX擴展：JSX 是 JavaScript 語法的擴展。React 開發不一定使用 JSX ，但官網建議使用它。

靈活：React可以與已知的庫或框架很好的進行配合。

擴展知識：

全局安裝腳手架

$ npm i -g create-react-app

基于腳手架快速構建工程化的項目

$ create-react-app xxx項目名稱

項目執行命令（package.json）

$ yarn start //=>開發環境下啟動項目（默認會基于webpack-dev-server創建一個服務，用來隨時編譯和翻譯開發的內容） $ yarn build //=>生產環境下，把編寫的內容打包編譯，放到build文件目錄下（服務器部署） $ yarn eject //=>把所有隱藏在node_models 中的webpack中的配置項都暴露出來（方便自己根據項目需求，二次更改webpack配置）

【