一、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中渲染頁面。