react寫小項目后感

用react差不多三個月了吧，斷斷續續的寫了幾個小項目，感覺美美噠。作為自我總結，也為其他新人指南，特此發一篇。

首先

你得搞清楚，你處在的時代。別給我說你沒聽過JS，也別說jQuery不熟，對了，還有ajax。這些已經算是這個時代前端開發人員的基本功了。

當然，僅僅會了這些，還差得遠。各種css庫，JS庫和框架，ajax庫，你多少也得略知一二吧，搞清楚什么叫瀏覽器兼容性，什么叫事件，什么是回調，還有響應布局啊亂七八糟的。

哎喲不錯，掌握了這些小九九，你體內的查克拉就差不多了。接下來要面對的，就是前端工程化問題。說白點，就是你可能不光要能做出來，還得做的高效。

新概念

前端技術這些年真心不讓人省心，幾乎每時每刻都可能會發生點改變世界的事兒。你可以看一下github上的js項目，當然還有npm里。說到npm，自然又會扯出nodejs。唉，心塞啊。好像自己這幾年積累的開發經驗，都是圍繞著js打轉轉。

那這些就是新概念么？其實也不算，css3，html5，es6，es7，這些概念有的已經快好幾年了，至今仍未徹底落地。但身為前端，你卻不能不去掌握它們，因為你會從中感受到優雅，感受到強大。

react

各大技術社區，充斥著react的身影，這也讓非死book開源套件獲得了越來越高的曝光率，react生態系統以迅雷不及掩耳盜鈴之勢，超越了神圣的angularJS，這讓我這個老ng粉兒感嘆世事無常啊。

不過react卻真如它所說，確實以新的理念為開發者帶來了大道至簡的哲學。至少對我來講，曾經頭疼于如何給團隊講解ioc，講指令，現在這些復雜概念不需要了（對于新手來講）。開發人員只需要對組件，模塊有些許的認知，就可以動手干了！

react組件的生命周期，是每一個使用者無論如何都一定要花時間提前掌握的，不然別說你懂react，最好都別說你聽說過它！

工程化

前端工程化的概念，隨著一大堆構建工具，也慢慢的被大家所認可，BAE的前端研發團隊各自有響應的一套解決方案。當然，開源界在這一方面一點也不含糊，前端構建工具多的你都來不及用，可能它就已經消失了。

react的世界里，有webpack，有babel，這些林林總總的強大猛獸，讓開發者戰無不勝。你還在等什么？

移動

我并不會開發移動端app，這一點也已經給我帶來了感受得到的機會流逝，但我骨子里卻無法磨滅一個想法，我一直非常的看好web，十幾年前，軟件都是安裝在pc上的，就好像今天安裝在手機中的app一樣。但，這不是常態，web才是互聯網的常態，我相信不出幾年，app的概念也會不見，web大統！

這也是像google這樣的科技巨頭一直在努力的方向。

落地

扯蛋時間結束了，說點干貨。

react只是一個近乎完美的view，它自己也這么說。你肯定還需要點兒別的，我之前的文章也反復強調過這一點了。相信你很容易就能找到各種缺少的組件，當然你也可以嘗試一下我找到的一個腳手架： react_scaffolding 。

它已經把react，react-router，redux，immutable，superagent等組裝好了，開箱即用。當然，并不能說這就是最佳組合了，我相信還有更好的。

支持react的ui也越來越多，像之前推薦的妹子ui，還有阿里螞蟻開發的ant，都非常優秀。但這里需要叮囑的是，隨著react0.14+的發布，獨立了dom相關的操作，這讓部分ui庫不再可用，選擇的時候一定要注意啊。

另外，es6的class語法，并不支持react曾經推從的mixins哲學，當然，你依然可以用es5的語法來使用mixins，這一點也不難。

組件之前的通信方式也有一大堆，但有時候你還是不得不跳出react，不過沒關系，CustomEvent應該可以幫到你。

我還想說，一直都挺希望路由配置可以去中心化，這一點 react-router 也可以很好的幫你搞定。

其實，上面推薦的那個腳手架，在實際項目開發時，還是無法避免大量的樣板代碼，比方說你寫reducer和api的地方，如果能利用代理或工廠模式動態創建相關邏輯，那也是極好的。

最后，思考了十分鐘，確實想不到還要說點啥了，那就到此為止吧。