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

在前端領域,一個框架為何會如此之火爆,無外乎兩個原因:性能優(yōu)秀,開發(fā)效率高。React當然集成了這兩大優(yōu)點。

這要歸功于React的兩大特點,也是該框架一直強調的優(yōu)勢:

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

2.一切皆是組件:React強調一切皆是組件,那么組件就是React的核心元素,在使用React開發(fā)時,開發(fā)人員會對各種顆粒進行組件化開發(fā),自然而然的提升了代碼復用度,提升了開發(fā)效率。

本系列文章,每篇都會有個小實例,帶領大家一步步的走進React開發(fā)的世界。

文章預告

本系列文章分為

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

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

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

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

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

LET'S START

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