文/北媽

閱讀本文需要?4分鐘

一
今天是2019年的第一個工作日，意義非凡。

既然是工作日，無論你有沒有從假期綜合癥里反應過來，北媽都要帶你快速回顧一下：

2018年的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

二
Vue：2018年前端世界明星

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

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

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

彩蛋：北媽在web前端入坑系列第六篇：Vue、React、Angular之三國殺，web前端入坑第六篇(上)?，寫過關于三個框架的對比和各種屬性，有興趣的回顧下，看此文更佳。

另外，Vue3.0 已經在擬定發布中了，更多的性能優化和提升，不要擔心語法層面改變，更多關于Vue3.0的文章和新聞，我后續會第一時間持續跟進，還是那句話，信北媽，得永生！

三
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

另外放一個 三大前端法寶 熱門圖

四
新技術和新概念

1、GraphQL 、PWA 、WebAssembly
GraphQL已被GitHub等技術領導者采用。然而，它并沒有像一些預測的那樣快速地起飛。

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

PWA和 WebAssembly這兩個東西，如果你們現在還不懂或者沒接觸沒關系，我會出一系列教程，我們一起學，持續關注北媽就好。

因為這個以后，會越來越流行，只不過現在還不重要。

2、各種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

3、靜態站點話題 重新興起
隨著JavaScript革命的發生，每個人都喜歡學習最新最好的語言框架，但現在事情已經解決，我們已經意識到并非每個網站都需要是一個復雜的單頁面應用程序（SPA）。

這導致了靜態站點生成器的增長。

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

靜態站點非常適合構建個人網站或博客，但它們可以輕松擴展到更大的應用程序。我們已經看到了用于構建靜態網站的流行框架的興起，例如Gatsby和React Static?for React應用程序，以及VuePress?for Vue應用程序。

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

4、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已經成為流行了，唉，又學不到了吧？

5、Webpack 又發布新版本
Webpack 3發布僅8個月后，版本4發布了。Webpack 4繼續推動簡化和更快的構建，聲稱高達98％的改進。它選擇合理的默認值，在沒有插件的情況下處理更多功能，并且不再需要使用配置文件。Webpack現在還支持WebAssembly并允許您import直接使用WebAssembly文件。

6、編輯器話題 VScode成為新霸主
一張圖足夠了，不過我依然是 sublime text 先行。畢竟瑞士軍刀不能丟

五
預測、展望 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等框架向前邁進。
  
  

北媽寄語

還沒看盡興？篇幅已經很長了，其實每個話題都可以單獨寫一篇長文出來。

Vue繼續流行、React依然是前端霸主，但萬變不離其宗，所以2019，我們一起努力進化！

寫和翻譯這種總結文其實很費精力，不但要查數據，還要自己總結，還不能錯，所以各位

“不存在十全十美的文章，如同不存在徹頭徹尾的絕望”

今天就先到這里，我們明天見。

老規矩平時不開贊賞，月底統一交租，但不耽誤你點 [好看]。

熱門閱讀

2019北媽和你：活著就意味必須要做點什么，請好好努力

當實在受不了了，就開干吧！

每天只想聽你們說：小北最帥！

長按掃碼關注我

總結

以上是生活随笔為你收集整理的5分钟看懂，未来1年web前端新趋势，都在这了！！！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。