2 min read

React生态系统汇总

项目初始化

  • Vite 客户端渲染程序
  • Next.js 创建服务端渲染程序
  • Astro 创建静态页面程序

项目管理器

包管理器

  • npm
  • yarn
  • pnpm

状态管理

  • Hooks
  • Redux
  • Zustand

数据获取

路由

样式

UI库

  • Material UI (MUI) (在开源领域仍然是最受欢迎的项目)

  • Mantine UI(2022 年最受欢迎)

  • Chakra UI(2021 年最受欢迎)

  • NextUI(基于 React Aria)

  • Park UI(基于 Arc UI)

  • shadcn/ui(2023 年最受欢迎)

  • Radix

  • React Aria

  • Catalyst

  • Daisy UI

  • Headless UI

  • Tailwind UI(收费)

  • Ark UI(来自 Chakra UI 的作者)

动画库

  • Framer Motion(最推荐)
  • react-spring
  • react-motion
  • react-move

可视化图表

  • Recharts
  • visx

表单库

  • React Hook Form

类型检查

  • TypeScript
  • PropTypes (已经从 React 中移除)

代码校验

ESLint + Prettier

测试

  • 单元/集成测试:Vitest + React Testing Library (最受欢迎)
  • 快照测试:Vitest
  • E2E 测试:Playwright 或 Cypress

国际化

  • FormatJS
  • react-i18next
  • Lingui

富文本编辑器

  • Plate
  • Lexical
  • Slate.js

拖拽