毫無疑問，react是目前最最熱門的框架(沒有之一)，了解并學(xué)習(xí)使用React，可以說是現(xiàn)在每個(gè)前端工程師都需要的。

在前端領(lǐng)域，一個(gè)框架為何會如此之火爆，無外乎兩個(gè)原因：性能優(yōu)秀，開發(fā)效率高。React當(dāng)然集成了這兩大優(yōu)點(diǎn)。

這要?dú)w功于React的兩大特點(diǎn)，也是該框架一直強(qiáng)調(diào)的優(yōu)勢：

1.虛擬dom與dom diff：在React中，一切的更新都是先更新虛擬dom，再根據(jù)react自帶的dom diff 算法，進(jìn)行對比計(jì)算，在實(shí)際dom中實(shí)現(xiàn)最小粒度的更新，這就是React性能優(yōu)秀的原因了！

2.一切皆是組件：React強(qiáng)調(diào)一切皆是組件，那么組件就是React的核心元素，在使用React開發(fā)時(shí)，開發(fā)人員會對各種顆粒進(jìn)行組件化開發(fā)，自然而然的提升了代碼復(fù)用度，提升了開發(fā)效率。

本系列文章，每篇都會有個(gè)小實(shí)例，帶領(lǐng)大家一步步的走進(jìn)React開發(fā)的世界。

文章預(yù)告

本系列文章分為

React實(shí)例入門教程(1)基礎(chǔ)API,JSX語法--hello world

React實(shí)例入門教程(2)組件與組件的生命周期--彈窗組件

React實(shí)例入門教程(3)數(shù)據(jù)流之props與state--實(shí)時(shí)更新的倒計(jì)時(shí)組件

React實(shí)例入門教程(4)事件處理--事件豐富的swipe組件

React實(shí)例入門教程(5)總結(jié)--咪咕閱讀首頁開發(fā)實(shí)戰(zhàn)

LET'S START

作為本系列教程的第一篇，按照國際慣例，我們先從HELLO WORLD 開始~，那么先看看本例的代碼吧：