[[390431]]

今天給大家推薦 2020 年非常流行的 10 大超級(jí)前端學(xué)習(xí)資源項(xiàng)目！

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

1. deno

• 2020 年增長(zhǎng) 30.2K

一個(gè)安全的 JavaScript 和 TypeScript 運(yùn)行時(shí)。

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

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

憑借 10 年的經(jīng)驗(yàn)和對(duì) Node.js 的迭代經(jīng)驗(yàn)，它通常被視為 Node.js 的續(xù)集，因?yàn)樗梢孕迯?fù)或改進(jìn)許多要點(diǎn)。

https://github.com/denoland/deno

2. Vue.js

• 2020 年增長(zhǎng) 22.5K

Vue.js 是一個(gè)漸進(jìn)式 JavaScript 框架，也是目前前端最流行的框架。

易用

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

靈活

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

高效

• 20kB min+gzip 運(yùn)行大小

• 超快虛擬 DOM

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

https://github.com/vuejs/vue

3. React

• 2020 年增長(zhǎng) 19.8K

一個(gè)聲明性，高效且靈活的 JavaScript 庫(kù)，用于構(gòu)建用戶界面。

聲明式

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

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

組件化

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

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

一次學(xué)習(xí)，隨處編寫

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

React 還可以使用 Node 進(jìn)行服務(wù)器渲染，或使用 React Native 開發(fā)原生移動(dòng)應(yīng)用。

https://github.com/facebook/react

4. playwright

• 2020 年增長(zhǎng) 19.7K

Node.js 庫(kù)可通過(guò)單個(gè) API 自動(dòng)化 Chromium，F(xiàn)irefox 和 WebKit。

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

https://github.com/microsoft/playwright

5. vscode

• 2020 年增長(zhǎng) 19.1K

Visual Studio Code 是一個(gè)運(yùn)行于 OS X，Windows 和 Linux 之上的，針對(duì)于編寫現(xiàn)代 Web 和云應(yīng)用的跨平臺(tái)編輯器。

也是當(dāng)今天前端最流行的編輯器！

https://github.com/microsoft/vscode

6. esbuild

• 2020 年增長(zhǎng) 16.6K

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

esbuild 是一個(gè)用 Go 語(yǔ)言編寫的用于打包，壓縮 Javascript 代碼的工具庫(kù)。

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

https://github.com/evanw/esbuild

7. vue-element-admin

• 2020 年增長(zhǎng) 16K

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

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

8. edex-ui

• 2020 年增長(zhǎng) 15.7K

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

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

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

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

 

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

9. next.js

• 2020 年增長(zhǎng) 15.5K

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

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

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

10. tailwindcss

• 2020 年增長(zhǎng) 15.5K

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

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

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

https://github.com/tailwindlabs/tailwindcss