Awesome React 资源大全

项目简介

Awesome React 是一份围绕 React 生态整理的资源清单，采用 Awesome List 的常见组织方式，把教程、框架、组件库、状态管理、样式方案、路由、开发工具、测试、表单、表格、图表、动画、国际化等内容分门别类地罗列出来，并额外覆盖 React Native 相关资源。

它的定位不是教程，而是一张「地图」：当你想找某个方向的成熟方案时，可以按分类快速浏览候选项目，再跳转到各自的仓库深入了解。

内容结构

清单大致按以下层次组织：

• React 通用资源：官网、社区、会议、在线演练场等入口
• 教程与最佳实践：官方教程、面试题、架构范例、TypeScript 速查
• 框架：Next.js、Gatsby、Remix、react-admin、refine 等
• 组件库：Ant Design、Material UI、Chakra UI、Mantine、shadcn/ui 等
• 状态管理与数据获取：Redux、MobX、Zustand、TanStack Query、SWR、Jotai 等
• 样式方案：styled-components、emotion、vanilla-extract
• 路由、开发工具、测试、表单、表格、图表、动画、国际化等专题
• React Native：通用资源、导航、组件与库

使用建议

可以把这份清单当作选型时的第一站，但不要只看名字就下结论。建议结合以下维度做二次判断：

1. 项目的最近提交时间与 issue 活跃度
2. 是否与当前技术栈（构建工具、TypeScript、样式方案）匹配
3. 文档完整度与社区规模
4. 包体积与维护成本

需求 → 在清单中定位分类 → 挑选 2~3 个候选 → 对比文档与活跃度 → 小范围验证

适合谁

• 正在搭建 React 技术栈、需要横向对比方案的前端工程师
• 想系统了解 React 生态全貌的学习者
• 需要为团队整理技术选型资料的技术负责人

注意事项

清单本身不提供代码与安装说明，具体用法需前往各项目仓库查看；部分条目可能随时间推移而不再维护，使用前建议核实项目现状。