第1章:React入門

1.1. React****簡(jiǎn)介

1.1.1. 官網(wǎng)

  1. 英文官網(wǎng): https://reactjs.org/

  2. 中文官網(wǎng): https://react.docschina.org/

1.1.2. 介紹描述

  1. 用于動(dòng)態(tài)構(gòu)建用戶界面的JavaScript 庫(kù)(只關(guān)注于視圖)

  2. 由Facebook開源

1.1.3. React****的特點(diǎn)

  1. 聲明式編碼

  2. 組件化編碼

  3. React Native 編寫原生應(yīng)用

  4. 高效(優(yōu)秀的Diffing算法)

1.1.4. React****高效的原因

  1. 使用虛擬(virtual)DOM, 不總是直接操作頁(yè)面真實(shí)DOM。

  2. DOM Diffing算法, 最小化頁(yè)面重繪。

1.2.2.相關(guān)js庫(kù)

1.react.js:React核心庫(kù)。
2.react-dom.js:提供操作DOM的react擴(kuò)展庫(kù)。
3.babel.min.js:解析JSX語(yǔ)法代碼轉(zhuǎn)為JS代碼的庫(kù)。
js下載地址:

通過(guò)百度網(wǎng)盤分享的文件:react全家桶資料.zip
鏈接:https://pan.baidu.com/s/1FvuLZpct3J7vGWUeDsjfFg?pwd=ivk1
提取碼:ivk1

1.4.模塊與組件、模塊化與組件化的理解

1.4.1.模塊

1.理解:向外提供特定功能的js程序, 一般就是一個(gè)js文件
2.為什么要拆成模塊:隨著業(yè)務(wù)邏輯增加,代碼越來(lái)越多且復(fù)雜。
3.作用:復(fù)用js, 簡(jiǎn)化js的編寫, 提高js運(yùn)行效率

1.4.2.組件

1.理解:用來(lái)實(shí)現(xiàn)局部功能效果的代碼和資源的集合(html/css/js/image等等)
2.為什么要用組件: 一個(gè)界面的功能更復(fù)雜
3.作用:復(fù)用編碼, 簡(jiǎn)化項(xiàng)目編碼, 提高運(yùn)行效率

1.4.3.模塊化

當(dāng)應(yīng)用的js都以模塊來(lái)編寫的, 這個(gè)應(yīng)用就是一個(gè)模塊化的應(yīng)用

1.4.4.組件化

當(dāng)應(yīng)用是以多組件的方式實(shí)現(xiàn), 這個(gè)應(yīng)用就是一個(gè)組件化的應(yīng)用
組件化分為函數(shù)式組件和類式組件,開發(fā)中用的最多的是類式組件

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容