前言

这篇主要是记录一些优质的三方库

Eta

https://eta.js.org/, 非常酷的一个模板引擎，可以在 Node, Deno 和浏览器环境中使用

Date-fns

https://date-fns.org/, 日期处理工具库

VineJs

https://vinejs.dev/docs/introduction, 非常不错的 node.js 数据校验工具库，在一些典型的场景比如校验 HTTP 请求 body 时会非常有用

React Content Loader

https://skeletonreact.com/, 可以创建具有动画效果的骨架屏组件

React Spring

https://react-spring.dev/, 在 React 应用程序中构建交互式动画的首选，支持 SSR 和 React native。 这篇文章介绍了如何使用它：https://www.sitepoint.com/react-spring-interactive-animations/.

React data grid

https://adazzle.github.io/react-data-grid/#/common-features, 如果你有数百万条数据并想用 grid 布局进行展示，还想拥有非常不错的性能表现，这个库会帮到你

Pragmatic drag and drop

https://atlassian.design/components/pragmatic-drag-and-drop/about, 高性能的实现拖拽体验的 React 工具库

Microdiff

https://github.com/AsyncBanana/microdiff, 高性能且开箱即用的数据比较工具库。

Pino

https://github.com/pinojs/pino/issues, json 日志库，主要 for node.js 场景

Modern-errors

https://github.com/ehmicky/modern-errors, 非常优雅的处理错误的工具库

React-phone-number-input

https://catamphetamine.gitlab.io/react-phone-number-input/, 支持国际化的手机号输入 React 组件

Svelte-dnd-action

https://github.com/isaacHagoel/svelte-dnd-action, Svelte 框架下支持拖放实现的工具库

Google APIs Node.js Client

https://github.com/googleapis/google-api-nodejs-client, Google API 的 node.js 封装库

Perfect arrows

https://github.com/steveruizok/perfect-arrows, 在点和形状直接连接箭头的工具库，在图表类应用研发中会很有用

Primereact

https://github.com/primefaces/primereact, 最全面的 React UI 组件库

Typical for Typing in

https://github.com/camwiegert/typical, 输入时支持动画效果

Mantine for React

https://mantine.dev/, 一些 React 组件和自定义 hook 的集合

React Icons

https://github.com/react-icons/react-icons, 一个流行的 icon 图标库，支持 es6 module, 因此可以做到按需引入而不是跟传统的图标库一样，需要引入一个全量的 iconfont 文件

Awesome react

https://github.com/enaqx/awesome-react, 不解释

Pechkin for file upload in Node.js

https://github.com/rafasofizada/pechkin, 现代的，异步的，灵活的处理文件上传的 node.js 库。

Journey.js

https://github.com/williamtroup/Journey.js, 轻量，易用的工具库，可以快速给你的应用创建可交互的介绍引导

Tagify for tags input component

https://github.com/yairEO/tagify, 灵活易用的输入组件，可以将你的输入转换成 tag 标签

Odiff for image diff in Node.js

https://github.com/dmtrKovalenko/odiff, 高性能的图片比对库，for node.js

Imaskjs

https://imask.js.org/guide.html#getting-started，input 遮罩

Unovis for data visualization

https://github.com/f5/unovis, 现代化的数据可视化框架，支持 React，Angular, Svelte, Vue 等多种框架

React Swipeable

https://commerce.nearform.com/open-source/react-swipeable, 可定制，轻量化，高性能的 React hook，帮助开发者高效处理 swipe 交互事件

Viselect

https://simonwep.github.io/selection/, 当你想创建一个通过点击和拖拽来可视化选中多个元素时，这个库可以开箱即用。

React currency input field

https://github.com/cchanxzy/react-currency-input-field, 高质量的国际化多币种输入框组件，在国际化业务场景下会非常有用

Fast-grid

https://github.com/gabrielpetersson/fast-grid, 号称是世界上最高性能的基于 web 的表格展示组件

React-loading-skeleton

https://github.com/dvtng/react-loading-skeleton, 高效创建与 app 相对应的骨架屏

Simple Keyboard

https://virtual-keyboard.js.org/react/, 高性能，零依赖，可定制化的虚拟键盘组件

React Email

https://resend.com/blog/react-email-3, 邮件 API 服务

Floating UI

https://floating-ui.com/, 一个用于管理浮动元素并能创建各种浮动元素的交互效果的 js 库，官网也做的挺好的。

International Telephone Input

https://intl-tel-input.com/, 适用于国际化场景下的手机号输入框组件

React-movable

https://github.com/tajo/react-movable, 支持对列表和表格元素通过拖放来移动排序