學習筆記-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中渲染頁面。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM