[[390431]]

今天給大家推薦 2020 年非常流行的 10 大超級前端學習資源項目！

在 2020 年里猛增 174K Star！可見其流行程度！

1. deno

• 2020 年增長 30.2K

一個安全的 JavaScript 和 TypeScript 運行時。

出于多種原因，2020 年是非常特殊的一年。最重要的一個：5 年以來的第一次，新星的總冠軍不是 Vue.js，而是 Deno……真是令人驚訝！

Deno 是 Node.js 的創(chuàng)建者 Ryan Dahl 的 JavaScript 運行時。

憑借 10 年的經(jīng)驗和對 Node.js 的迭代經(jīng)驗，它通常被視為 Node.js 的續(xù)集，因為它可以修復或改進許多要點。

https://github.com/denoland/deno

2. Vue.js

• 2020 年增長 22.5K

Vue.js 是一個漸進式 JavaScript 框架，也是目前前端最流行的框架。

易用

• 已經(jīng)會了 HTML、CSS、JavaScript？即刻閱讀指南開始構建應用！

靈活

• 不斷繁榮的生態(tài)系統(tǒng)，可以在一個庫和一套完整框架之間自如伸縮。

高效

• 20kB min+gzip 運行大小

• 超快虛擬 DOM

• 最省心的優(yōu)化

https://github.com/vuejs/vue

3. React

• 2020 年增長 19.8K

一個聲明性，高效且靈活的 JavaScript 庫，用于構建用戶界面。

聲明式

React 使創(chuàng)建交互式 UI 變得輕而易舉。為你應用的每一個狀態(tài)設計簡潔的視圖，當數(shù)據(jù)改變時 React 能有效地更新并正確地渲染組件。

以聲明式編寫 UI，可以讓你的代碼更加可靠，且方便調試。

組件化

創(chuàng)建擁有各自狀態(tài)的組件，再由這些組件構成更加復雜的 UI。

組件邏輯使用 JavaScript 編寫而非模板，因此你可以輕松地在應用中傳遞數(shù)據(jù)，并使得狀態(tài)與 DOM 分離。

一次學習，隨處編寫

無論你現(xiàn)在正在使用什么技術棧，你都可以隨時引入 React 來開發(fā)新特性，而不需要重寫現(xiàn)有代碼。

React 還可以使用 Node 進行服務器渲染，或使用 React Native 開發(fā)原生移動應用。

https://github.com/facebook/react

4. playwright

• 2020 年增長 19.7K

Node.js 庫可通過單個 API 自動化 Chromium，F(xiàn)irefox 和 WebKit。

Playwright 由 Microsoft 創(chuàng)建，是一個開放源代碼瀏覽器自動化框架，使 JavaScript 工程師可以在 Chromium，Webkit 和 Firefox 瀏覽器上測試其 Web 應用程序。

https://github.com/microsoft/playwright

5. vscode

• 2020 年增長 19.1K

Visual Studio Code 是一個運行于 OS X，Windows 和 Linux 之上的，針對于編寫現(xiàn)代 Web 和云應用的跨平臺編輯器。

也是當今天前端最流行的編輯器！

https://github.com/microsoft/vscode

6. esbuild

• 2020 年增長 16.6K

它是一個「JavaScript」Bundler 打包和壓縮工具，它可以將「JavaScript」和「TypeScript」代碼打包分發(fā)在網(wǎng)頁上運行。

esbuild 是一個用 Go 語言編寫的用于打包，壓縮 Javascript 代碼的工具庫。

它最突出的特點就是打包速度極快 （extremely fast），下圖是 esbuild 跟 webpack, rollup, Parcel 等打包工具打包效率的一個 benchmark:

https://github.com/evanw/esbuild

7. vue-element-admin

• 2020 年增長 16K

vue-element-admin 是一個后臺前端解決方案，它基于 vue 和 element-ui實現(xiàn)。它使用了最新的前端技術棧，內置了 i18n 國際化解決方案，動態(tài)路由，權限驗證，提煉了典型的業(yè)務模型，提供了豐富的功能組件，它可以幫助你快速搭建企業(yè)級中后臺產品原型。相信不管你的需求是什么，本項目都能幫助到你。

https://github.com/PanJiaChen/vue-element-admin

8. edex-ui

• 2020 年增長 15.7K

一個跨平臺，可定制的科幻小說終端模擬器，具有先進的監(jiān)控和觸摸屏支持。

它深受 DEX-UI 和 TRON Legacy 電影效果的啟發(fā)，是一個類似于科幻電腦界面的全屏桌面應用程序。

提供了可視化動態(tài)監(jiān)測系統(tǒng)性能的圖表、資源列表、觸屏鍵盤等等，使其看起來非常高端大氣上檔次，另外還完美的支持終端操作，并且支持 Window、macOS、Linux 系統(tǒng)。

作為從小就喜歡黑科技的貓哥來說，已經(jīng)按耐不住要裝 X 啦！

 

https://github.com/GitSquared/edex-ui

9. next.js

• 2020 年增長 15.5K

這是一個用于 生產環(huán)境的 React 框架。

Next.js 為您提供生產環(huán)境所需的所有功能以及最佳的開發(fā)體驗：包括靜態(tài)及服務器端融合渲染、 支持 TypeScript、智能化打包、 路由預取等功能 無需任何配置。

https://github.com/vercel/next.js

10. tailwindcss

• 2020 年增長 15.5K

一個實用程序優(yōu)先的 CSS 框架，用于快速構建自定義用戶界面。

無需離開您的 HTML，即可快速建立現(xiàn)代網(wǎng)站。

Tailwind CSS 是一個功能類優(yōu)先的 CSS 框架，它集成了諸如 flex, pt-4, text-center 和 rotate-90 這樣的的類，它們能直接在腳本標記語言中組合起來，構建出任何設計。

https://github.com/tailwindlabs/tailwindcss