[ 一塊兒學React系列 -- 0 ] React技術棧學習路線

我相信點進來的同窗都是衝着標題來的，固然本文也不會讓各位失望。不過在正式介紹標題所述的內容以前，咱們不妨先放下技術，一塊兒回顧下本身作前端技術的心路歷程。

前端之路

看多了衆多的技術文章，可能早已經視覺疲勞。天天沉沒在Coding的世界中，有時候真的須要像詩人同樣將本身脫離出來放鬆一下身心，舒緩一口氣...回首走過的路途、看過的風景、品過的茶酒以及愛過的一切。
若是能夠的話，筆者想在這裏分享下本身作前端一路走來的所感所想。不算什麼高談論闊、不算什麼真知灼見，僅僅是所感所想。固然，我也但願你們也能將本身一路走來的所感所想寫在文章下方，你們一塊兒交流，一塊兒分享彼此的心路歷程。
筆者接觸前端到如今已經快3年了，從一個前端小白到一個前端中白，中間拜讀過不少大佬的文章、也有過不少的思考。
前端是個五彩繽紛的世界，技術更新迭代快到驚人，百家爭鳴是如今的主流，這也是前端強盛生命力的來源之一。另外做爲JavaScript的誓死追隨者，筆者從接觸JavaScript第一天開始就慢慢以爲：JavaScript真的能夠隨心所欲。不過從後來筆者基礎到的事情證實，本身的想法是對的。聽說咱們經常使用的巨硬Office下一代將會使用JavaScript重寫；現現在，JavaScript正在慢慢「入侵」社會的各個領域，從最本職的前端 --> 後端(NodeJs) --> 移動端(React-Native等) --> 桌面端(Chrome OS) --> 人工智能(TensorFlow.js) --> 3D(WebGL) --> 數據可視化(d3.js) --> VR 等等...JavaScript正以沒法預知的速度在擴展，或許連JavaScrip之父(Brendan Eich)也不會想到他創造的語言居然會如此精彩，畢竟他的初衷只是想用它處理一些簡單的頁面交互工做。同時這也是筆者堅決擁護JavaScript的根本緣由，代碼本就是藝術，用代碼創造出來的事物都是藝術品。
回到前端的話題繼續聊，在筆者眼裏前端世界有四個里程碑：

Jquery

Jquery，真是前端界無人不知，無人不曉的JavaScript庫(注意，不是框架)。Jquery爲咱們封裝了不少咱們平常開發中須要寫的代碼，如：DOM操做、樣式處理、瀏覽器兼容、動畫等等。Jquery的出現真可謂是前端界的福音，正與之宗旨所說：Write Less，Do More。據統計，目前世界上有46%(or more) 的項目使用了Jquery。正是由於其便捷、兼容、快速等特色贏得你們的放心。並且目前國內至關多的外包公司仍在使用Jquery。

NodeJS

2009年NodeJS的出現也是前端的一大壯舉，爲何呢？由於它將JavaScript帶入了後臺服務領域而不只僅侷限於瀏覽器。自此，JavaScript能夠作更多的事。最最重要的就屬後臺服務、構建技術。

AngularJs

同年，AngularJs也出如今前端的世界中，雖然它沒起到改變前端的決定性做用，可是它的出現爲後來前端框架起到了不少啓示性的做用，包括其雙向綁定、依賴注入、指令等等。

React

2013年React出現了(實際上是正式開源)，一款專一於UI的前端框架。當時臉書(FaceBook)是苦於那時候沒有好用的前端框架所以就本身開發了React，後來就在前端界引起了軒然大波。在此引用runoob對React的特色的概歸納：

1. 聲明式設計 −React採用聲明範式，能夠輕鬆描述應用。
2. 高效 −React經過對DOM的模擬，最大限度地減小與DOM的交互。
3. 靈活 −React能夠與已知的庫或框架很好地配合。
4. JSX − JSX 是 JavaScript 語法的擴展。React 開發不必定使用 JSX ，但咱們建議使用它。
5. 組件 − 經過 React 構建組件，使得代碼更加容易獲得複用，可以很好的應用在大項目的開發中。
6. 單向響應的數據流 − React 實現了單向響應的數據流，從而減小了重複代碼，這也是它爲何比傳統數據綁定更簡單。

固然還不只僅限於這些，最令筆者敬佩的是React的核心之一：diff算法，這是React高效渲染的發動機，惋惜筆者對其沒有深刻研究，往後跟進。

心路感知

放眼如今的前端世界，現在前端框架多如牛毛、數不勝數，但整體看來還是三足鼎立，Angular、Vue、React. 同時令筆者最爲佩服的是Vue，它後來居上，可謂是吸收百家之長以相對最完美的姿態出如今大衆眼前，一舉得到你們的芳心，現在已風靡全世界。
寫到這裏，忽然想起公司領導說過的一句話：「想作厲害的人，你必需要麼比人懂的多，要麼比人懂的深」。再結合目前前端的現狀，筆者深深得以爲本身真的學不了那麼多，與其學得多不如學得深一點。固然這僅僅是筆者我的主觀意識。很長很長時間以來，筆者一直在迷茫，不知道該往哪兒走、該怎麼走，不少問題困擾着本身沒法獲得合理解答，後來也慢慢想通了，何不專一於某一條路走下去呢？技術是無限的，精力是有限的，並且除了工做咱們還有生活。
後來筆者就選擇了React這條路，到底是爲何其實筆者本身也不清楚，或許它是我第一認真學習的框架也或許它真的很優雅。

React技術棧學習路線

直到前段時間筆者的朋友給推薦了一個React Study Map，真是欣喜若狂也更加堅決了本身在React繼續前進的想法。在這裏也火燒眉毛得想分享給你們(因此這也是一片搬運文)。這是一個外國友人總結的一套React技術棧學習路線，先給傳送門。
再附圖：

但願它能給正在學習React一點建議或者正在迷茫的朋友一點指向。同時在日後的很長一段時間裏，筆者會從中挑選部份內容整理成文章分享給你們。讓咱們堅決得往前走，Keep Moving...