學習筆記-React的簡單介紹&工作原理

獨處守心 發表於 2021-10-23
React

一、React簡單介紹

1、React起源於Facebook內部專案,與2013年5月

2、是一個用於構建使用者介面的JavaScript庫

二、React特點

1、宣告式設計-React採用宣告正規化,可以輕鬆描述應用

2、高效-React通過對DOM的模擬,最大限度地減少與DOM的互動

3、靈活- React可以與已知的庫或框架很好的配合

4、JSX- JSX是JavaScript語法的擴充套件

5、元件-通過React構建元件,使得程式碼更加容易得到複用,能夠很好的應用在大型專案的開發中

6、單向響應的資料流-React實現了單向響應的資料流,從而減少了重複程式碼

三、什麼事Redux

1、Redux是JavaScript狀態容器,提供可預測化的狀態管理

2、幫助我們的應用程式進行狀態管理(data/UI)

四、工作原理

1、關鍵:元件

2、對於每個元件React都會在記憶體中構建一個相對應的DOM樹。基於React開發時,所有的DOM構造都是通過Virtual DOM(虛擬DOM)進行的,它可以讓React執行更高效。每次元件的更新不是直接應用在瀏覽器的DOM樹中,而是通過虛擬DOM來進行。所以當每個元件狀態發生變化,React會重新構造整個DOM資料,然後將當前整個DOM樹和上一次的DOM樹進行對比,得出DOM結構變化的部分,然後將更新部分更新到真實的DOM中渲染頁面。