Hello，大家好，我是 Sunday。KzM28資訊網(wǎng)——每日最新資訊28at.com

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

數(shù)據(jù)來源：https://risingstars.js.org/2023/en#section-allKzM28資訊網(wǎng)——每日最新資訊28at.com

圖片KzM28資訊網(wǎng)——每日最新資訊28at.com

01：shadcn/ui

圖片KzM28資訊網(wǎng)——每日最新資訊28at.com

shadcn/ui 是近一年最火爆的前端項(xiàng)目。它是一個(gè)使用 React 編寫的 UI 組件集合，通過 TailwindCSS 實(shí)現(xiàn)可定制樣式。KzM28資訊網(wǎng)——每日最新資訊28at.com

基于 Radix 構(gòu)建，在無頭組件集中提供與輔助功能和鍵盤交互等相關(guān)的基本結(jié)構(gòu)，KzM28資訊網(wǎng)——每日最新資訊28at.com

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

目前很多新的項(xiàng)目都使用到了 shadcn/ui，有需要的同學(xué)可以去研究一下KzM28資訊網(wǎng)——每日最新資訊28at.com

02：Bun

圖片KzM28資訊網(wǎng)——每日最新資訊28at.com

Bun 的目標(biāo)是成為一個(gè)快速、一體化的工具包，用于運(yùn)行、構(gòu)建、測(cè)試和調(diào)試JavaScript和TypScript應(yīng)用程序。號(hào)稱吊打 nodejsKzM28資訊網(wǎng)——每日最新資訊28at.com

官方還稱其為： all-in-one JavaScript runtime。所謂 all in one，是因?yàn)?Bun 和傳統(tǒng)的 Node.js 這種傳統(tǒng)的 javaScript 運(yùn)行時(shí) 不同；KzM28資訊網(wǎng)——每日最新資訊28at.com

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 等。KzM28資訊網(wǎng)——每日最新資訊28at.com

這就意味著你可以實(shí)現(xiàn)在 Bun 上運(yùn)行的大部分 Node API 和 Web API， 還可以在不需要使用 Webpack、Rollup、esbuild、babel 等工具的前提下直接運(yùn)行 TypeScript 、JSX 了KzM28資訊網(wǎng)——每日最新資訊28at.com

03：Excalidraw

圖片KzM28資訊網(wǎng)——每日最新資訊28at.com

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

詳細(xì)的描述，感興趣的同學(xué)可以直接 點(diǎn)擊這里查看 我之前發(fā)表的文章，這里就不重復(fù)贅述了。KzM28資訊網(wǎng)——每日最新資訊28at.com

04：tldraw

圖片KzM28資訊網(wǎng)——每日最新資訊28at.com

他也是一個(gè)白板工具，作用與 Excalidraw 類似，不過風(fēng)格上會(huì)有一些差異，大家根據(jù)需要進(jìn)行選擇即可。KzM28資訊網(wǎng)——每日最新資訊28at.com

05：NextJS

圖片KzM28資訊網(wǎng)——每日最新資訊28at.com

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

如果是熟悉 React 的同學(xué)，那么對(duì)于 NextJS 應(yīng)該是不陌生的。KzM28資訊網(wǎng)——每日最新資訊28at.com

對(duì)應(yīng)的 Vue 中也存在相同的框架，叫做 NuxtJS。KzM28資訊網(wǎng)——每日最新資訊28at.com

本文鏈接：http://www.www897cc.com/showinfo-26-86984-0.html新鮮出爐，截止到2024年5月最火爆的幾個(gè)前端開源庫

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com

上一篇： @Async注解失效的 9 種場(chǎng)景

下一篇： 一起聊聊基于隊(duì)列實(shí)現(xiàn)多人同時(shí)導(dǎo)出 Excel