大家好，我是你們的 貓哥，那個(gè)不喜歡吃魚、又不喜歡喵 的超級貓 ~

GitHub 上面有個(gè) Trending 榜 (趨勢榜)，在 Trending 頁面，你可以看到最近一些熱門的開源項(xiàng)目或者開發(fā)者，這個(gè)頁面可以算是很多人主動(dòng)獲取一些開源項(xiàng)目和活躍開發(fā)者最好的途徑。

所以貓哥會(huì)在每周的周一給大家推薦一篇上周的 前端周趨勢榜的 10 大項(xiàng)目，每月給大家推薦一篇上個(gè)月的 前端月趨勢榜的 20 大項(xiàng)目，方便大家知道最近都開源了哪些好的前端項(xiàng)目，還有用到的主流前端技術(shù)棧又是哪些，以免錯(cuò)過了好的開源項(xiàng)目。

平時(shí)如何發(fā)現(xiàn)好的開源項(xiàng)目，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發(fā)現(xiàn)優(yōu)秀開源項(xiàng)目

1. react-spring

react-spring是一個(gè)基于彈簧物理學(xué)的動(dòng)畫庫，應(yīng)滿足您大多數(shù)與UI相關(guān)的動(dòng)畫需求。它為您提供了足夠靈活的工具，可以自信地將您的想法投射到不斷變化的界面中。

該庫代表了一種現(xiàn)代的動(dòng)畫制作方法。它的靈感很大程度上來自克里斯托弗·切多（Christopher Chedeau）的動(dòng)畫和成婁（Cheng Lou）的反應(yīng)動(dòng)作。它繼承了動(dòng)畫強(qiáng)大的插值和性能，以及 react-motion 的易用性。

但是，雖然動(dòng)畫主要是命令性的，而反應(yīng)運(yùn)動(dòng)主要是聲明性的，但反應(yīng)彈簧卻在兩者之間架起了橋梁。您會(huì)驚訝于靜態(tài)數(shù)據(jù)如何通過小的顯式實(shí)用函數(shù)輕松轉(zhuǎn)換為運(yùn)動(dòng)，而這些函數(shù)不一定會(huì)影響您形成視圖的方式。

https://github.com/pmndrs/react-spring

---

2. WMR

微型的多合一開發(fā)工具，用于現(xiàn)代 Web 應(yīng)用程序，在一個(gè) 2mb 的文件中，沒有任何依賴關(guān)系。

https://github.com/preactjs/wmr

---

3. dumi

基于 Umi 的文檔工具可以幫助您開發(fā)庫和編寫文檔。

https://github.com/umijs/dumi

---

4. RESTful API Node Server Boilerplate

一個(gè)樣板/入門項(xiàng)目，用于使用 Node.js，Express 和 Mongoose 快速構(gòu)建 RESTful API。

通過運(yùn)行單個(gè)命令，您將在計(jì)算機(jī)上安裝并完全配置可投入生產(chǎn)的 Node.js 應(yīng)用程序。該應(yīng)用程序具有許多內(nèi)置功能，例如使用 JWT 進(jìn)行身份驗(yàn)證，請求驗(yàn)證，單元和集成測試，持續(xù)集成，泊塢窗支持，API 文檔，分頁等。

https://github.com/hagopj13/node-express-boilerplate

---

5. React Email Editor

用于 React.js 的拖放式電子郵件編輯器組件，作為 React.js?包裝器組件。這是您應(yīng)用程序中功能最強(qiáng)大且對開發(fā)人員友好的可視電子郵件生成器。

https://github.com/unlayer/react-email-editor

---

6. ?Pro Git, Second Edition

Pro Git 書第二版，完整的 Pro Git 書。

https://git-scm.com/book/zh/v2

---

7. Authelia

Authelia 是一個(gè)開源身份驗(yàn)證和授權(quán)服務(wù)器，可通過 Web 門戶為您的應(yīng)用程序提供 2 要素身份驗(yàn)證和單點(diǎn)登錄（SSO）。它充當(dāng)反向代理（如nginx，Traefik或HAProxy）的伴侶，以使他們知道查詢是否應(yīng)該通過。未經(jīng)身份驗(yàn)證的用戶將重定向到 Authelia 登錄門戶。

https://github.com/authelia/authelia

---

8. Frontend Development Bookmarks

手動(dòng)為前端 Web 開發(fā)人員收集資源。

https://github.com/dypsilon/frontend-dev-bookmarks

---

9. kolorist

一個(gè)用于著色 stdin / stdout 的小實(shí)用程序

https://github.com/marvinhagemeister/kolorist

---

10. Autarky

從 node_modules 釋放磁盤空間

https://github.com/pranshuchittora/autarky

最后

前端GitHub 專注于挖掘 GitHub 上優(yōu)秀的前端開源項(xiàng)目，并以專題的形式推薦，每專題大概 10 個(gè)好項(xiàng)目，每周會(huì)有一到三篇精華文章推送。

平時(shí)如何發(fā)現(xiàn)好的開源項(xiàng)目，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發(fā)現(xiàn)優(yōu)秀開源項(xiàng)目

原文鏈接請看下方寶藏倉庫，請慎入！

https://github.com/FrontEndGitHub/FrontEndGitHub

往期精文

• 猛增 110K Star！年增長數(shù)最多的 10 大頂級前端學(xué)習(xí)資源項(xiàng)目！

• 推薦 7 個(gè) Vue2、Vue3 源碼解密分析的開源項(xiàng)目

• Vue3 的學(xué)習(xí)教程匯總、源碼解釋項(xiàng)目、支持的 UI 組件庫、優(yōu)質(zhì)實(shí)戰(zhàn)項(xiàng)目

• 程序員必備的 10 大 GitHub 倉庫，前端占了 7 個(gè)！

微信搜 “前端GitHub”，回復(fù) “電子書” 即可以獲得下面 300 本技術(shù)精華書籍哦，貓哥 wx：CB834301747 。

不知不覺，原創(chuàng)文章已經(jīng)寫到第 38 期了呢，幾乎每一篇都是貓哥精心挑選的優(yōu)質(zhì)開源項(xiàng)目，推送的每一篇文章里面的項(xiàng)目幾乎都是對前端開發(fā)很有幫助的。

原創(chuàng)不易，一篇優(yōu)質(zhì)的文章都是要肝幾個(gè)晚上才能肝出來的，花費(fèi)很多時(shí)間、精力去篩選和寫推薦理由，大佬們看完文章后順手點(diǎn)個(gè)贊或者轉(zhuǎn)發(fā)吧，就當(dāng)給貓哥一點(diǎn)鼓勵(lì)吧。

總結(jié)

以上是生活随笔為你收集整理的Web 趋势榜：上周最热门的 10 大 Web 项目 - 210410的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。