Hello，大家好，我是 Sunday。

github 上的 star 增速一直是衡量框架受歡迎程度的衡量標準之一，那么在截止到當(dāng)前為止（2024年5月）在過去一年中，最受歡迎的 github 前端庫都有什么呢？它們分別有什么作用？今天咱們就來看一看！

數(shù)據(jù)來源：https://risingstars.js.org/2023/en#section-all

圖片

01：shadcn/ui

圖片

shadcn/ui 是近一年最火爆的前端項目。它是一個使用 React 編寫的 UI 組件集合，通過 TailwindCSS 實現(xiàn)可定制樣式。

基于 Radix 構(gòu)建，在無頭組件集中提供與輔助功能和鍵盤交互等相關(guān)的基本結(jié)構(gòu)，

它與其他流行的庫(如MUI、ChakraUI、Reaction Spectrum)不同，因為它不是一個可下載的NPM包。相反，你可以通過一個終端命令集成shadcn/ui組件，該命令安裝底層依賴項并將組件源代碼直接復(fù)制到代碼庫中以供進一步修改。

目前很多新的項目都使用到了 shadcn/ui，有需要的同學(xué)可以去研究一下

02：Bun

圖片

Bun 的目標是成為一個快速、一體化的工具包，用于運行、構(gòu)建、測試和調(diào)試JavaScript和TypScript應(yīng)用程序。號稱吊打 nodejs

官方還稱其為： all-in-one JavaScript runtime。所謂 all in one，是因為 Bun 和傳統(tǒng)的 Node.js 這種傳統(tǒng)的 javaScript 運行時 不同；

Bun 提供了 打包、轉(zhuǎn)譯、安裝和運行 JavaScript & TypeScript 項目的功能，內(nèi)置原生打包器 (native bundler)、轉(zhuǎn)譯器、task runner、npm 客戶端，以及數(shù)百個 Node.js API 和 Web API，包括約 90% 的 Node-API 函數(shù)（本機模塊）、fs、path、Buffer 等。

這就意味著你可以實現(xiàn)在 Bun 上運行的大部分 Node API 和 Web API， 還可以在不需要使用 Webpack、Rollup、esbuild、babel 等工具的前提下直接運行 TypeScript 、JSX 了

03：Excalidraw

圖片

Excalidraw 我們之前有提到過，它是一款開源的實時協(xié)作白板工具，它讓用戶可以在 Web 上創(chuàng)建簡單的圖形和圖表，并且支持多人實時協(xié)作。

詳細的描述，感興趣的同學(xué)可以直接 點擊這里查看 我之前發(fā)表的文章，這里就不重復(fù)贅述了。

04：tldraw

圖片

他也是一個白板工具，作用與 Excalidraw 類似，不過風(fēng)格上會有一些差異，大家根據(jù)需要進行選擇即可。

05：NextJS

圖片

Next.js是一個構(gòu)建于Node.js之上的開源Web開發(fā)框架，支持基于React的Web應(yīng)用程序功能，例如服務(wù)端渲染和生成靜態(tài)網(wǎng)站。

如果是熟悉 React 的同學(xué)，那么對于 NextJS 應(yīng)該是不陌生的。

對應(yīng)的 Vue 中也存在相同的框架，叫做 NuxtJS。