摘要
眾所周知，前端三大框架Angular、React、Vue，所以為了跟上時(shí)代的步伐，最近開始著手學(xué)習(xí)React，這時(shí)候就發(fā)現(xiàn)個(gè)大問題，框架一直在更新，提倡的編寫語法也在更新，網(wǎng)上有許多教程都是一兩年前的了，因此，我決定直接從官方英文文檔入手學(xué)習(xí)，學(xué)習(xí)的框架版本為最新的ReactV15.5.0，現(xiàn)將學(xué)習(xí)筆記整理如下，以供大家參考，本篇文章主要是react一些基礎(chǔ)語法的講解與總結(jié)，如需深入了解，可查閱官方文檔，也敬請(qǐng)期待后續(xù)文章。
一、React有什么好？
1、組件化
什么是組件？答曰：功能獨(dú)立，封裝良好的代碼塊。前端頁面一直提倡組件化，因?yàn)榻M件化可以實(shí)現(xiàn)高重用，大大提升了我們的開發(fā)效率，也讓我們的頁面結(jié)構(gòu)變得更加清晰。所以React提倡將頁面解構(gòu)成組件樹，以組件為最小單元構(gòu)造頁面。
2、虛擬DOM
眾所周知，JS的DOM操作，是影響網(wǎng)頁性能的重要因素之一，因此React提出了虛擬DOM的概念，組件并不是真實(shí)的 DOM 節(jié)點(diǎn)，而是存在于內(nèi)存之中的一種數(shù)據(jù)結(jié)構(gòu)，叫做虛擬 DOM （virtual DOM）。只有當(dāng)它插入文檔以后，才會(huì)變成真實(shí)的 DOM 。根據(jù) React 的設(shè)計(jì)，所有的 DOM 變動(dòng)，都先在虛擬 DOM 上發(fā)生，然后再將實(shí)際發(fā)生變動(dòng)的部分，反映在真實(shí) DOM上，這種算法叫做 DOM diff ，它可以極大提高網(wǎng)頁的性能表現(xiàn)。
