Hello，大家好，我是 Sunday。

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

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

圖片

01：shadcn/ui

圖片

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

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

它與其他流行的庫(kù)(如MUI、ChakraUI、Reaction Spectrum)不同，因?yàn)樗皇且粋€(gè)可下載的NPM包。相反，你可以通過一個(gè)終端命令集成shadcn/ui組件，該命令安裝底層依賴項(xiàng)并將組件源代碼直接復(fù)制到代碼庫(kù)中以供進(jìn)一步修改。

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

02：Bun

圖片

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

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

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

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

03：Excalidraw

圖片

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

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

04：tldraw

圖片

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

05：NextJS

圖片

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

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

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