技术栈更新
August 5, 2025 by
整理一下技术栈, 持续更新...
当前技术栈
基础框架
| 名称 | 分类 | 选择原因 |
|---|---|---|
| React | 前端基础框架 | 生态, 开发体验 |
| NextJS | SSR+RSC 框架 | 性能, 开发体验, 缓存优化 |
UI
| 名称 | 分类 | 选择原因 |
|---|---|---|
| TailwindCSS | CSS 框架 | 原子化, 生态, 开发体验 |
| shadcn/ui | 组件库 | 独特的复制粘贴模式, headless-ui + tailwindcss |
| Mantine | 组件库 | 组件库, 支持 SSR |
| react-icons | 图标库 | 全 |
| placeholder | 图片生成 | 占位图生成器 |
状态管理
| 名称 | 分类 | 选择原因 |
|---|---|---|
| Zustand | 状态管理 | 状态拆分与去中心化状态管理, 支持 SSR |
| @tanstack/react-query | 服务端状态管理 | 状态拆分与去中心化状态管理, 支持 SSR |
| useSWR | 服务端状态管理 | 比 react-query 更轻量 |
类型
| 名称 | 分类 | 选择原因 |
|---|---|---|
| zod | 校验 | 类型校验, 表单校验 |
| type-fest | 类型 | 类型体操工具 |
| 类型守卫 | 类型 | 官方 handbook 示例 |
工具
| 名称 | 分类 | 说明 |
|---|---|---|
| math-field | 数学公式 | 数学公式键盘 |
| lru-cache | 缓存工具 | LRU 缓存机制, 支持自定义 fetcher |
| p-queue | 队列工具 | 队列工具, 支持并发控制 |
| WebInk | Markdown 工具 | 网页转 Markdown |
| DOMPurify | 字符串工具 | 安全, 过滤 XSS 攻击 |
小程序相关
| 名称 | 分类 | 说明 |
|---|---|---|
| lottie-miniprogram | 小程序动画库 | 支持 Lottie 动画 |
| @types/wechat-miniprogram | 小程序类型定义 | 类型定义 |
| threejs-miniprogram | 小程序 3D 库 | 支持 3D 渲染 |
| sentry-miniapp | 小程序错误监控 | Sentry 支持 |
| @tarojs/plugin-mini-ci | Taro 封装的小程序 CI | V3 版本 |
| miniprogram-ci | 小程序 CI 工具 | 官方 预览, 上传工具, 基于 npm 包 |
| miniprogram-cli | 小程序 CLI 工具 | 官方 开发工具, 基于 WeChat Devtools |
| 版本发布说明 | 文档 | 实时更新 |
| weapp-tailwindcss | 小程序 TailwindCSS | 支持各种框架 |
TODO LIST:
- 小程序多语言实现, 基于 taro
- 版本发布提醒工具
- 基于 ci 和 cli 编写开发/版本/发布工具
意向技术栈
| 名称 | 分类 | 意向原因 |
|---|---|---|
| Oxc | lint 工具 | Vite / Rust 生态 |
| Tauri | 跨平台桌面应用 | 跨平台, 性能, 开发体验 |
曾经技术栈
| 名称 | 分类 | 说明 |
|---|---|---|
| GoGoCode | AST 工具 | Babel 封装版, 目前可以使用, 但貌似不再维护 |
