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

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

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

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

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

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

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

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

高效 ?React通過(guò)對(duì)DOM的模擬，最大限度地減少與DOM的交互。

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

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

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

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

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

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

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

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