毫無(wú)疑問(wèn),react是目前最最熱門(mén)的框架(沒(méi)有之一),了解并學(xué)習(xí)使用React,可以說(shuō)是現(xiàn)在每個(gè)前端工程師都需要的。
在前端領(lǐng)域,一個(gè)框架為何會(huì)如此之火爆,無(wú)外乎兩個(gè)原因:性能優(yōu)秀,開(kāi)發(fā)效率高。React當(dāng)然集成了這兩大優(yōu)點(diǎn)。
這要?dú)w功于React的兩大特點(diǎn),也是該框架一直強(qiáng)調(diào)的優(yōu)勢(shì):
1.虛擬dom與dom diff:在React中,一切的更新都是先更新虛擬dom,再根據(jù)react自帶的dom diff 算法,進(jìn)行對(duì)比計(jì)算,在實(shí)際dom中實(shí)現(xiàn)最小粒度的更新,這就是React性能優(yōu)秀的原因了!
2.一切皆是組件:React強(qiáng)調(diào)一切皆是組件,那么組件就是React的核心元素,在使用React開(kāi)發(fā)時(shí),開(kāi)發(fā)人員會(huì)對(duì)各種顆粒進(jìn)行組件化開(kāi)發(fā),自然而然的提升了代碼復(fù)用度,提升了開(kāi)發(fā)效率。
本系列文章,每篇都會(huì)有個(gè)小實(shí)例,帶領(lǐng)大家一步步的走進(jìn)React開(kāi)發(fā)的世界。
文章預(yù)告
本系列文章分為
React實(shí)例入門(mén)教程(1)基礎(chǔ)API,JSX語(yǔ)法--hello world
React實(shí)例入門(mén)教程(2)組件與組件的生命周期--彈窗組件
React實(shí)例入門(mén)教程(3)數(shù)據(jù)流之props與state--實(shí)時(shí)更新的倒計(jì)時(shí)組件
React實(shí)例入門(mén)教程(4)事件處理--事件豐富的swipe組件
React實(shí)例入門(mén)教程(5)總結(jié)--咪咕閱讀首頁(yè)開(kāi)發(fā)實(shí)戰(zhàn)
LET'S START
作為本系列教程的第一篇,按照國(guó)際慣例,我們先從HELLO WORLD 開(kāi)始~,那么先看看本例的代碼吧: