React 工具

React 生态系统中的实用工具集合。

状态管理

Redux Toolkit

• 简介: Redux 官方推荐的工具集
• 链接: https://redux-toolkit.js.org/
• 特点: 简化 Redux 开发，内置最佳实践

Zustand

• 简介: 轻量级状态管理库
• 链接: https://zustand-demo.pmnd.rs/
• 特点: API 简洁，无需 Provider

Jotai

• 简介: 原子化状态管理
• 链接: https://jotai.org/
• 特点: 基于原子概念，灵活组合

UI 组件库

Ant Design

• 简介: 企业级 UI 设计语言和 React 组件库
• 链接: https://ant.design/
• 特点: 组件丰富，开箱即用

Material-UI (MUI)

• 简介: React 的 Material Design 实现
• 链接: https://mui.com/
• 特点: 遵循 Material Design 规范

Chakra UI

• 简介: 简单、模块化、可访问的组件库
• 链接: https://chakra-ui.com/
• 特点: 优秀的可访问性支持

路由

React Router

• 简介: React 官方路由解决方案
• 链接: https://reactrouter.com/
• 特点: 声明式路由，功能完善

TanStack Router

• 简介: 类型安全的现代路由库
• 链接: https://tanstack.com/router
• 特点: 完整的 TypeScript 支持

表单处理

React Hook Form

• 简介: 高性能、灵活的表单验证库
• 链接: https://react-hook-form.com/
• 特点: 性能优异，减少重渲染

Formik

• 简介: React 表单管理库
• 链接: https://formik.org/
• 特点: 简化表单状态管理

数据请求

TanStack Query (React Query)

• 简介: 强大的数据同步库
• 链接: https://tanstack.com/query
• 特点: 自动缓存、重新验证、后台更新

SWR

• 简介: 用于数据请求的 React Hooks 库
• 链接: https://swr.vercel.app/
• 特点: 轻量、快速、可重用

动画

Framer Motion

• 简介: React 动画库
• 链接: https://www.framer.com/motion/
• 特点: API 简洁，功能强大

React Spring

• 简介: 基于弹簧物理的动画库
• 链接: https://www.react-spring.dev/
• 特点: 流畅的动画效果