一些有趣的开源项目

• web-chaos-graph. —— 前端混沌图，使用 Excalidraw 制作,描述前端工具和框架的依赖关系。

组件相关 S

名称	介绍
Chakra UI	一个 React 组件库，提供了一组功能丰富的组件，可以帮助你快速构建出色的用户界面。React
Zag.js	一组与框架无关的 UI 组件模式，通过有限状态机来实现组件的状态和交互。
Reka UI	对标 Radix UI 的 Vue 版本组件库。Vue

数据和状态管理

名称	介绍
Immer	不可变数据库，相比 Immutable.js 更小更易用，不需要额外的数据结构学习。
Signals	在任意框架中使用样式管理状态。
Zustand	轻量、快速和可扩展的 React 状态管理解决方案，基于 Hook 的 API 以及没有样板代码和固执己见。React 推荐

网络请求

名称	介绍
TanStack Query	以 Hooks 的形式进行数据请求、缓存和异步更新。
Ky	基于 fetch 的 HTTP 客户端库，轻量且优雅。

数据验证

名称	介绍
Joi	最强大的 JavaScript 数据验证库。
Zod	TypeScript 优先的模式声明和验证库。

动画

名称	介绍
Framer Motion	适用于 React 和 JavaScript 的现代动画库。

Node 框架

名称	介绍
NestJS	渐进式 Node.js 框架，用于构建高效、可扩展的企业级服务端应用程序。推荐
Hono	快速、轻量级、基于 Web 标准构建并且支持任何 JavaScript 运行时的 Node.js 框架。

ORM

名称	介绍
Prisma	一个开源的数据库 ORM，支持 MySQL、PostgreSQL、SQLite、SQL Server、MongoDB 等。
Drizzle.	可以运行在任意主要 JS 运行时中的轻量级的 TypeScript ORM，支持 MySQL、PostgreSQL、SQLite 以及常见的 Serverless 数据库。

日志库

名称	介绍
Winston	一个灵活的、可扩展的日志库，支持多种日志格式。

其他

名称	介绍
Shiki	优雅且强大的语法高亮器。
Biome	使用 Rust 编写的 Web 项目的高性能工具链，提供了 Prettier 和 Linter 的综合能力。