新鲜出炉,截止到2024年5月最火爆的几个前端开源库

2024年 5月 7日 64.6k 0

Hello,大家好,我是 Sunday。

github 上的 star 增速一直是衡量框架受欢迎程度的衡量标准之一,那么在截止到当前为止(2024年5月)在过去一年中,最受欢迎的 github 前端库都有什么呢?它们分别有什么作用?今天咱们就来看一看!

数据来源:https://risingstars.js.org/2023/en#section-all

新鲜出炉,截止到2024年5月最火爆的几个前端开源库-1图片

01:shadcn/ui

新鲜出炉,截止到2024年5月最火爆的几个前端开源库-2图片

shadcn/ui 是近一年最火爆的前端项目。它是一个使用 React 编写的 UI 组件集合,通过 TailwindCSS 实现可定制样式。

基于 Radix 构建,在无头组件集中提供与辅助功能和键盘交互等相关的基本结构,

它与其他流行的库(如MUI、ChakraUI、Reaction Spectrum)不同,因为它不是一个可下载的NPM包。相反,你可以通过一个终端命令集成shadcn/ui组件,该命令安装底层依赖项并将组件源代码直接复制到代码库中以供进一步修改。

目前很多新的项目都使用到了 shadcn/ui,有需要的同学可以去研究一下

02:Bun

新鲜出炉,截止到2024年5月最火爆的几个前端开源库-3图片

Bun 的目标是成为一个快速、一体化的工具包,用于运行、构建、测试和调试JavaScript和TypScript应用程序。号称吊打 nodejs

官方还称其为: all-in-one JavaScript runtime。所谓 all in one,是因为 Bun 和传统的 Node.js 这种传统的 javaScript 运行时 不同;

Bun 提供了 打包、转译、安装和运行 JavaScript & TypeScript 项目的功能,内置原生打包器 (native bundler)、转译器、task runner、npm 客户端,以及数百个 Node.js API 和 Web API,包括约 90% 的 Node-API 函数(本机模块)、fs、path、Buffer 等。

这就意味着你可以实现在 Bun 上运行的大部分 Node API 和 Web API, 还可以在不需要使用 Webpack、Rollup、esbuild、babel 等工具的前提下直接运行 TypeScript 、JSX 了

03:Excalidraw

新鲜出炉,截止到2024年5月最火爆的几个前端开源库-4图片

Excalidraw 我们之前有提到过,它是一款开源的实时协作白板工具,它让用户可以在 Web 上创建简单的图形和图表,并且支持多人实时协作。

详细的描述,感兴趣的同学可以直接 点击这里查看 我之前发表的文章,这里就不重复赘述了。

04:tldraw

新鲜出炉,截止到2024年5月最火爆的几个前端开源库-5图片

他也是一个白板工具,作用与 Excalidraw 类似,不过风格上会有一些差异,大家根据需要进行选择即可。

05:NextJS

新鲜出炉,截止到2024年5月最火爆的几个前端开源库-6图片

Next.js是一个构建于Node.js之上的开源Web开发框架,支持基于React的Web应用程序功能,例如服务端渲染和生成静态网站。

如果是熟悉 React 的同学,那么对于 NextJS 应该是不陌生的。

对应的 Vue 中也存在相同的框架,叫做 NuxtJS。

相关文章

JavaScript2024新功能:Object.groupBy、正则表达式v标志
PHP trim 函数对多字节字符的使用和限制
新函数 json_validate() 、randomizer 类扩展…20 个PHP 8.3 新特性全面解析
使用HTMX为WordPress增效:如何在不使用复杂框架的情况下增强平台功能
为React 19做准备:WordPress 6.6用户指南
如何删除WordPress中的所有评论

发布评论