React框架的安裝及簡述(一)

2021-10-01 03:41:19 字數 679 閱讀 3563

react 跟vue相似的js框架,react是乙個用於構建使用者介面的js庫,主要用於構建ui。react很高效,使用virtual dom來極大減少與dom的互動,採用宣告式,描述更為簡單。

首先react裡需要用到的三個功能庫檔案:

1. 直接使用 staticfile cdn 的 react cdn 庫:

在script標籤裡新增src屬性匯入網路位址

react核心庫cdn:

將react元素渲染到根dom節點中,通過把值(此處為something)傳遞給 reactdom.render() 的方法來將其渲染到頁面根節點上

掛載內容需要掛載到的節點都加到reactdom.render()裡面,內容先放,然後再寫根節點

頁面渲染的更新

由於react裡,但渲染的元素被建立新增後,是不可以改變它的屬性或者把內容的。所以只能使用重寫頁面渲染reactdom.render()裡的內容建立新的元素內容並替換。(更新將另做講解)

接下來會慢慢的了解介紹react,希望能和大家一起學習。

react 框架 安裝與梳理

安裝腳手架步驟 按這個步驟走下去 進入目錄,然後就啟動 配置檔案 npm run eject 匯出配置檔案 將所有的配置檔案和 package.json 依賴庫解壓到應用所在的路徑方便我們進行一些小改動 執行完檔案中會多了乙個config檔案,在裡面的webpack.config.dev.js檔案配...

react框架學習入門(一)

一 前言 react框架是前端三大框架之一。學習 菜鳥教程 二 安裝 3 在專案根目錄下啟動專案 這些命令在package.json中進行配置 npm start三 專案架構 這是初始化專案後的專案結構圖。執行npm run eject 後,這是將專案全部解壓出來,該操作不可逆。專案結構如下 四 r...

React安裝及目錄結構

構建react專案的幾種方式 構建 generator react webpack 構建 webpack一步一步構建 1 安裝cnpm 國內使用 npm 速度很慢,你可以使用 定製的 cnpm gzip 壓縮支援 命令列工具代替預設的 npm sudo npm install g cnpm regi...