Hello,大家好,我是 Sunday。
github 上的 star 增速一直是衡量框架受欢迎程度的衡量标准之一,那么在截止到当前为止(2024年5月)在过去一年中,最受欢迎的 github 前端库都有什么呢?它们分别有什么作用?今天咱们就来看一看!
数据来源:https://risingstars.js.org/2023/en#section-all
图片
01:shadcn/ui
图片
shadcn/ui 是近一年最火爆的前端项目。它是一个使用 React 编写的 UI 组件集合,通过 TailwindCSS 实现可定制样式。
基于 Radix 构建,在无头组件集中提供与辅助功能和键盘交互等相关的基本结构,
它与其他流行的库(如MUI、ChakraUI、Reaction Spectrum)不同,因为它不是一个可下载的NPM包。相反,你可以通过一个终端命令集成shadcn/ui组件,该命令安装底层依赖项并将组件源代码直接复制到代码库中以供进一步修改。
目前很多新的项目都使用到了 shadcn/ui,有需要的同学可以去研究一下
02:Bun
图片
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
图片
Excalidraw 我们之前有提到过,它是一款开源的实时协作白板工具,它让用户可以在 Web 上创建简单的图形和图表,并且支持多人实时协作。
详细的描述,感兴趣的同学可以直接 点击这里查看 我之前发表的文章,这里就不重复赘述了。
04:tldraw
图片
他也是一个白板工具,作用与 Excalidraw 类似,不过风格上会有一些差异,大家根据需要进行选择即可。
05:NextJS
图片
Next.js是一个构建于Node.js之上的开源Web开发框架,支持基于React的Web应用程序功能,例如服务端渲染和生成静态网站。
如果是熟悉 React 的同学,那么对于 NextJS 应该是不陌生的。
对应的 Vue 中也存在相同的框架,叫做 NuxtJS。