摘要：的出現(xiàn)真可謂是前端界的福音，正與之宗旨所說，。據(jù)統(tǒng)計，目前世界上有的項目使用了。技術(shù)棧學(xué)習(xí)路線直到前段時間筆者的朋友給推薦了一個，真是欣喜若狂也更加堅定了自己在繼續(xù)前進(jìn)的想法。這是一個外國友人總結(jié)的一套技術(shù)棧學(xué)習(xí)路線，先給傳送門。

我相信點進(jìn)來的同學(xué)都是沖著標(biāo)題來的，當(dāng)然本文也不會讓各位失望。不過在正式介紹標(biāo)題所述的內(nèi)容之前，我們不妨先放下技術(shù)，一起回顧下自己做前端技術(shù)的心路歷程。

看多了眾多的技術(shù)文章，可能早已經(jīng)視覺疲勞。每天沉沒在Coding的世界中，有時候真的需要像詩人一樣將自己脫離出來放松一下身心，舒緩一口氣...回首走過的路途、看過的風(fēng)景、品過的茶酒以及愛過的一切。
如果可以的話，筆者想在這里分享下自己做前端一路走來的所感所想。不算什么高談?wù)撻?、不算什么真知灼見，僅僅是所感所想。當(dāng)然，我也希望大家也能將自己一路走來的所感所想寫在文章下方，大家一起交流，一起分享彼此的心路歷程。
筆者接觸前端到現(xiàn)在已經(jīng)快3年了，從一個前端小白到一個前端中白，中間拜讀過很多大佬的文章、也有過很多的思考。
前端是個五彩繽紛的世界，技術(shù)更新迭代快到驚人，百家爭鳴是現(xiàn)在的主流，這也是前端強(qiáng)盛生命力的來源之一。另外作為JavaScript的誓死追隨者，筆者從接觸JavaScript第一天開始就慢慢覺得：JavaScript真的可以為所欲為。不過從后來筆者基礎(chǔ)到的事情證明，自己的想法是對的。據(jù)說我們常用的巨硬Office下一代將會使用JavaScript重寫；現(xiàn)如今，JavaScript正在慢慢“入侵”社會的各個領(lǐng)域，從最本職的前端 --> 后端(NodeJs) --> 移動端(React-Native等) --> 桌面端(Chrome OS) --> 人工智能(TensorFlow.js) --> 3D(WebGL) --> 數(shù)據(jù)可視化(d3.js) --> VR 等等...JavaScript正以無法預(yù)知的速度在擴(kuò)展，或許連JavaScrip之父(Brendan Eich)也不會想到他創(chuàng)造的語言竟然會如此精彩，畢竟他的初衷只是想用它處理一些簡單的頁面交互工作。同時這也是筆者堅定擁護(hù)JavaScript的根本原因，代碼本就是藝術(shù)，用代碼創(chuàng)造出來的事物都是藝術(shù)品。
回到前端的話題繼續(xù)聊，在筆者眼里前端世界有四個里程碑：

Jquery，真是前端界無人不知，無人不曉的JavaScript庫(注意，不是框架)。Jquery為我們封裝了很多我們?nèi)粘ｉ_發(fā)中需要寫的代碼，如：DOM操作、樣式處理、瀏覽器兼容、動畫等等。Jquery的出現(xiàn)真可謂是前端界的福音，正與之宗旨所說：Write Less，Do More。據(jù)統(tǒng)計，目前世界上有46%(or more) 的項目使用了Jquery。正是因為其便捷、兼容、快速等特點贏得大家的放心。而且目前國內(nèi)相當(dāng)多的外包公司仍在使用Jquery。

2009年NodeJS的出現(xiàn)也是前端的一大壯舉，為什么呢？因為它將JavaScript帶入了后臺服務(wù)領(lǐng)域而不僅僅局限于瀏覽器。自此，JavaScript可以做更多的事。最最重要的就屬后臺服務(wù)、構(gòu)建技術(shù)。

同年，AngularJs也出現(xiàn)在前端的世界中，雖然它沒起到改變前端的決定性作用，但是它的出現(xiàn)為后來前端框架起到了很多啟示性的作用，包括其雙向綁定、依賴注入、指令等等。

2013年React出現(xiàn)了(其實是正式開源)，一款專注于UI的前端框架。當(dāng)時臉書(FaceBook)是苦于那時候沒有好用的前端框架因此就自己開發(fā)了React，后來就在前端界引發(fā)了軒然大波。在此引用runoob對React的特點的概概括：

聲明式設(shè)計 ?React采用聲明范式，可以輕松描述應(yīng)用。

高效 ?React通過對DOM的模擬，最大限度地減少與DOM的交互。

靈活 ?React可以與已知的庫或框架很好地配合。

JSX ? JSX 是 JavaScript 語法的擴(kuò)展。React 開發(fā)不一定使用 JSX ，但我們建議使用它。

組件 ? 通過 React 構(gòu)建組件，使得代碼更加容易得到復(fù)用，能夠很好的應(yīng)用在大項目的開發(fā)中。

單向響應(yīng)的數(shù)據(jù)流 ? React 實現(xiàn)了單向響應(yīng)的數(shù)據(jù)流，從而減少了重復(fù)代碼，這也是它為什么比傳統(tǒng)數(shù)據(jù)綁定更簡單。

當(dāng)然還不僅僅限于這些，最令筆者敬佩的是React的核心之一：diff算法，這是React高效渲染的發(fā)動機(jī)，可惜筆者對其沒有深入研究，日后跟進(jìn)。

放眼現(xiàn)在的前端世界，如今前端框架多如牛毛、數(shù)不勝數(shù)，但總體看來仍是三足鼎立，Angular、Vue、React. 同時令筆者最為佩服的是Vue，它后來居上，可謂是吸取百家之長以相對最完美的姿態(tài)出現(xiàn)在大眾眼前，一舉獲得大家的芳心，如今已風(fēng)靡全世界。
寫到這里，突然想起公司領(lǐng)導(dǎo)說過的一句話：“想做厲害的人，你必須要么比人懂的多，要么比人懂的深”。再結(jié)合目前前端的現(xiàn)狀，筆者深深得覺得自己真的學(xué)不了那么多，與其學(xué)得多不如學(xué)得深一點。當(dāng)然這僅僅是筆者個人主觀意識。很長很長時間以來，筆者一直在迷茫，不知道該往哪兒走、該怎么走，很多問題困擾著自己無法得到合理解答，后來也慢慢想通了，何不專注于某一條路走下去呢？技術(shù)是無限的，精力是有限的，而且除了工作我們還有生活。
后來筆者就選擇了React這條路，究竟是為什么其實筆者自己也不清楚，或許它是我第一認(rèn)真學(xué)習(xí)的框架也或許它真的很優(yōu)雅。

直到前段時間筆者的朋友給推薦了一個React Study Map，真是欣喜若狂也更加堅定了自己在React繼續(xù)前進(jìn)的想法。在這里也迫不及待得想分享給大家(所以這也是一片搬運文)。這是一個外國友人總結(jié)的一套React技術(shù)棧學(xué)習(xí)路線，先給傳送門。
再附圖：

希望它能給正在學(xué)習(xí)React一點建議或者正在迷茫的朋友一點指向。同時在往后的很長一段時間里，筆者會從中挑選部分內(nèi)容整理成文章分享給大家。讓我們堅定得往前走，Keep Moving...