react是漸進式框架;react是用來建立使用者介面的JavaScript函式庫,React框架通常是指react、「react-router」和「react-redux」的組合,而React框架則是漸進式的;React採用聲明式編碼UI,可以輕鬆實現互動式UI,讓程式碼更可行且方便調試。
本教學操作環境:Windows10系統、react17.0.1版、Dell G3電腦。
什麼是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配置)
【相關推薦:javascript影片教學、web前端】
#以上是react是漸進式框架嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!