十分鐘看懂，將來Web前端開發最新趨勢

首先，展望將來趨勢咱們就要弄懂過去的一年，也就是18年，web前端開發的重要新聞、重要事件和JavaScript的各類流行框架、模式發展趨勢。

咱們來快速回顧一下。

NPM熱門前端框架下載

先來看最熱門的幾個框架npm下載量圖

圖裏不難看出 十年霸主 jquery 依然穩定嗎並且還有略高的上揚趨勢，這可能亞太地區提供了很多幫助，畢竟不少老項目仍是很依賴jquery。

React繼續其統治地位無人能及。

React多年來一直主導Web開發，2018年它根本沒有放慢速度。根據Stackoverflow 調查它仍然是最受歡迎的庫之一。

核心React團隊很是積極地更新庫並添加功能。在整個2018年，咱們看到了React v16版本的許多新增內容，包括新的[生命週期方法]，[新的上下文API]，[指針事件]，[惰性函數]和[React.memo]。

React Hooks 獲得了一些響亮的反饋，不少開發人員喜歡這個更新。掛鉤是一種使用該useState功能向功能組件添加狀態的方法，它還將管理生命週期事件。

不會React的同窗不要着急，下面有Vue何Angular的，通通都有。若是你想學，小編也找到了不少原生教程，這是連接，不過前提是你最好英語不錯。

戳這裏看 40個最佳 react教程(外國開源資料)：

https://gitconnected.com/learn/react

2、Vue：2018年前端世界明星

Vue在GitHub Stars中比 React 的星星增加還多，在2017年Vue迅速爆發以後，Vue在2018年繼續增加。實際上，它甚至超過了React在GitHub上收到的星星數量

 

不過，雖然Vue很受歡迎，但在實際使用中它仍然以React和Angular爲後盾和體系支持。

Vue擁有一大批熱情的用戶羣，並且還在不斷增加，並且vue看起來將成爲將來幾年前端頻繁使用的一個，其實更多的國人貢獻超乎尋常的猛。

另外，Vue3.0 已經在擬定發佈中了，更多的性能優化和提高，不要擔憂語法層面改變。

3、Angular繼續亦步亦趨，發佈v7版本

10月，Angular在其流行的UI框架的第7版中又發佈了另外一個主要版本。從早期的AngularJS MVC架構到使用組件的更現代的Angular包，Angular已經有了大量的增加。

但據我調查和感覺，因爲angular的龐大性和系統性，國人用它的愈來愈少，老外到是依然情有獨鍾。

由於雖然Angular與React和Vue等框架沒有相同的狂熱粉絲，但它仍然是專業項目的熱門選擇。

許多開發人員在使用React時都會感到疲勞，由於它須要工程師在管理構建管道的同時作出許多依賴關係和架構決策。而Vue雖然入門簡單，但太過靈活和不成體系，對一些進階比較困難。

另外一方面，Angular是一個高度自覺得是的完整框架，CLI管理全部構建步驟。專業環境的另外一個好處是Angular須要TypeScript。Angular已經在Web開發世界中樹立了獨立的價值，並繼續被採用，業界不少標準都是Angular第一個發明和採用的。

若是要學習Angular的戳這裏：

https://gitconnected.com/learn/angular

另外放一個 三大前端法寶

4、新技術和新概念

一、GraphQL 、PWA 、WebAssembly

GraphQL已被GitHub等技術領導者採用。然而，它並無像一些預測的那樣快速地起飛。

據JS狀態調查顯示，只有1/5的前端開發人員使用過GraphQL，可是有驚人的62.5％的開發人員已經據說過它並但願使用它。

由於這個之後，會愈來愈流行，只不過如今還不重要。

二、各類CLI工具封裝

衆所周知，要跟上最新的庫，正確配置應用程序並作出正確的架構決策，這可能會讓人感到筋疲力盡。

這種痛苦催生了管理工具的CLI包的建立，容許開發人員專一於應用程序和業務邏輯。

你們熟知和不熟知的 流行的框架包括 Next.js（SSR for React），Create-React-App（客戶端React），Nuxt.js（SSR for Vue），Vue CLI（客戶端） -side Vue），React Native的Expo CLI，默認狀況下使用Angular

三、靜態站點話題 從新興起

隨着JavaScript革命的發生，每一個人都喜歡學習最新最好的語言框架，但如今事情已經解決，咱們已經意識到並不是每一個網站都須要是一個複雜的單頁面應用程序（SPA）。

這致使了靜態站點生成器的增加。

這些工具容許你在你喜歡的庫中編寫代碼，例如React或Vue，但在構建期間生成靜態HTML文件，容許咱們當即向用戶提供徹底構建的頁面。

靜態站點很是適合構建我的網站或博客，但它們能夠輕鬆擴展到更大的應用程序。咱們已經看到了用於構建靜態網站的流行框架的興起，例如Gatsby和React Static for React應用程序，以及VuePress for Vue應用程序。

事實上，靜態網站已經變得如此受歡迎，以致於蓋茨比實際上已經組建了一家公司，並在去年的開源框架中得到了風險投資資金。

** 四、TypeScript多是JavaScript的將來**

JavaScript因沒有靜態類型變量而受到批評。試圖糾正這個問題的兩個主要庫是TypeScript和Flow，但TypeScript看起來是最受歡迎的。

事實上，在Stack Overflow調查中，TypeScript的評分高於JavaScript自己，爲67％，而最受喜好的語言爲61.9％。

根據JS的狀態調查，超過80％的開發人員但願使用TS或已經使用它並享受它。對於Flow，只有34％的開發人員正在使用它或想要使用它。

根據全部跡象，TypeScript是JS中靜態類型的首選解決方案，許多人選擇使用普通的JavaScript。在2018年，TS的npm下載數量大幅增加，而Flow保持不變。

無論承不認可，TS已經成爲流行了，唉，又學不到了吧？

五、Webpack 又發佈新版本

Webpack 3發佈僅8個月後，版本4發佈了。Webpack 4繼續推進簡化和更快的構建，聲稱高達98％的改進。它選擇合理的默認值，在沒有插件的狀況下處理更多功能，而且再也不須要使用配置文件。Webpack如今還支持WebAssembly並容許您import直接使用WebAssembly文件。

六、編輯器話題 VScode成爲新霸主

一張圖足夠了，不過我依然是 sublime text 先行。

5、預測、展望 2019

2019的大方向展望，從這幾點學準沒錯。

隨着基礎的到位和不斷推進改進的Web體驗，WebAssembly將開始看到更多的應用。

React保持領先，但Vue和Angular繼續在用戶中增加。

CSS-in-JS可能會成爲默認的樣式方法而不是純CSS。

多是開發人員再看看本機Web組件嗎？

絕不奇怪，性能仍然是一個焦點，諸如PWA和代碼分割之類的東西成爲每一個應用程序的標準。

在PWA採用的基礎上，網絡變得更加原生，具備離線功能和無縫的桌面/移動體驗。

咱們繼續看到CLI工具和框架的增加繼續抽象到構建應用程序的繁瑣方面，容許開發人員專一於生成功能。

愈來愈多的公司採用具備統一代碼庫的移動解決方案，如React Native或Flutter。

集裝箱、CLI化（即Docker，Kubernetes）的影響在前端過程當中變得更加廣泛。

GraphQL在採用方面實現了飛躍，並在更多公司中獲得應用。

TypeScript開始成爲標準JavaScript的默認選擇。

虛擬現實使用A-Frame，React VR和Google VR等框架向前邁進。

年初我花了一個多月的時間整理出來的學習資料，但願能幫助那些想學習前端，卻又不知道怎麼開始學習的朋友。個人前端學習交流qun：四八四，七五七，七六零，送給每一位前端小夥伴，有想學習web前端的，或是轉行，或是大學生，還有工做中想提高本身能力的，正在學習的小夥伴歡迎加入學習。