前端有很多小而美的库，接入成本很低又能满足日常开发需求，同时无论是 npm 方式引入还是直接复制到本地使用都可以。

2024 年推荐以下小而美的库。

radash[1]

实用的工具库，相比与 lodash，更加面向现代，提供更多新功能（tryit，retry 等函数），源码可读性高，如果不想安装它，大部分函数可以直接复制到本地使用。

use-debounce[2]

React Hook Debouce 库，让你不再为使用防抖烦恼。库的特点：体积小 < 1 Kb、与 underscore / lodash impl 兼容 - 一次学习，随处使用、服务器渲染友好。

timeago.js[3]

格式化日期时间库，比如：“3 hours ago”，支持多语言，仅 2Kb 大小。同时提供了 React 版本 timeago-react。

timeage.format(1544666010224, 'zh_CN') // 输出 “5 年前”
timeage.format(Date.now() - 1000, 'zh_CN') // 输出 “刚刚”
timeage.format(Date.now() - 1000 * 60 * 5, 'zh_CN') // 输出 “5 分钟前”

react-use[4]

实用 Hook 大合集 - 内容丰富，从跟踪电池状态和地理位置，到设置收藏夹、防抖和播放视频，无所不包。

dayjs[5]

Day.js 是一个简约的 JavaScript 库，仅 2 Kb 大小。它可以使用基本兼容 Moment.js，为你提供日期的解析、处理和显示，支持多语言能力。

filesize[6]

filesize.js 提供了一种简单方法，便于从数字（浮点数或整数）或字符串转换成可读性高的文件大小。

import {filesize} from "filesize";
filesize(265318, {standard: "jedec"}); // "259.1 KB"
driver.js：driver.js 是一款用原生 js 实现的页面引导库，上手非常简单，体积在 gzip 压缩下仅仅 5kb。

driver.js[7]

driver.js 是一款用原生 js 实现的页面引导库，上手非常简单，体积在 gzip 压缩下仅仅 5kb。

@formkit/drag-and-drop[8]

FormKit DnD 是一个小型库，它简单、灵活、与框架无关，压缩后只有 4Kb 左右，设计理念为数据优先。

小结

前端小而美的库使用起来一般都比较顺手，欢迎在评论区推荐你们开发中的使用小而美的库。

参考资料

[1] radash: https://www.npmjs.com/package/radash

[2] use-debounce: https://github.com/xnimorz/use-debounce

[3] timeago.js: https://github.com/hustcc/timeago.js

[4] react-use: https://github.com/streamich/react-use

[5] dayjs: https://github.com/iamkun/dayjs

[6] filesize: https://www.npmjs.com/package/filesize

[7] driver.js: https://www.npmjs.com/package/driver.js

[8] @formkit/drag-and-drop: https://drag-and-drop.formkit.com/