初識React：React --- A JavaScript Library for building User Interfaces
了解react是幾個(gè)月之前的事了，出于好奇心和求知欲适秩，找了本完整的介紹React的電子書杜秸，從頭到尾的看完，就被它吸引炬守。作為一個(gè)前端開發(fā)工程師洼哎，要想不落伍呕屎，不被淘汰磺陡，總是要不斷吸取新的知識來給自己充電趴梢。
React是由Facebook推出的一個(gè)用來構(gòu)建用戶界面的JavaScript庫：
1）一個(gè)JavaScript庫漠畜；
2）用于創(chuàng)建可組成的UI；
3）使用jsx（JavaScript Syntax Extension）
優(yōu)點(diǎn)：
1）渲染簡單坞靶；
2）面向組件開發(fā)憔狞；
3）虛擬DOM
學(xué)以致用：實(shí)踐出真知
任何知識習(xí)得之后如果不應(yīng)用，都是會被遺忘的滩愁。
雙十一臨近躯喇，作為一個(gè)電商公司，總會有很多的營銷頁面需要做硝枉，Boss給我安排了一個(gè)營銷活動的項(xiàng)目（搖錢樹），剛好也是一個(gè)獨(dú)立的項(xiàng)目倦微，我就決定用新學(xué)的React來做妻味，也是對自己的考驗(yàn)。其實(shí)這真的是一個(gè)考驗(yàn)欣福，雖說只是一個(gè)雙11的營銷頁面责球，但時(shí)間很短、工作量很大拓劝。
項(xiàng)目是一個(gè)搖錢樹游戲雏逾，微信用戶進(jìn)入頁面，種樹郑临、澆水栖博，長金幣，分享到朋友圈厢洞，召集朋友澆水長金幣仇让，排行榜，兌換金幣躺翻。兩周時(shí)間丧叽，6個(gè)頁面，新的知識公你，其實(shí)大家都挺忙踊淳，特別是雙11臨近，最后陕靠，美工給的psd迂尝，自己還得切圖。
在連續(xù)加班兩個(gè)星期之后懦傍，最終還是完成了任務(wù)雹舀。當(dāng)項(xiàng)目上線之后，其實(shí)內(nèi)心是很滿足的粗俱，最后呈現(xiàn)出來的也許只是幾個(gè)頁面说榆，但是背后的過程還是很值得回味虚吟。這也是自己獨(dú)立完成的一個(gè)比較大的營銷活動，學(xué)到的知識也很多签财，不僅鞏固了React（雖然相對來說沒有用到很復(fù)雜的東西串慰，但至少是學(xué)以致用），也學(xué)會了切圖唱蒸。這就好比打怪獸邦鲫，經(jīng)驗(yàn)值又上升了。
H5效果圖：
活動上線8天神汹，已有參與種樹用戶4w庆捺，澆水總數(shù)53w，平均每天訪問人數(shù)14w屁魏√弦裕總的來說，還是滿成功的氓拼。
總結(jié)：
1）所有元素響應(yīng)式布局（rem）你画；
2）進(jìn)度條和dialog組件化；
3）React生命周期
4）ES6語法桃漾、webpack打包坏匪；
這只是一個(gè)開始，一入前端深似海撬统。僅以此記錄我的第一個(gè)React項(xiàng)目适滓。
如有對React感興趣的朋友，推薦一本書給大家 Pro React宪摧，一本非常好的學(xué)習(xí)React的教材粒竖。
