awesome-react - 全面探索React生态系统框架组件工具资源汇总

Awesome React

一个关于React生态系统的精彩清单。

React
React Native
贡献

React

React 常规资源

React 教程

React 框架

next - React 框架
blitz - Next.js 的全栈工具包
remix - 让您专注于用户界面的全栈Web框架
gatsby - 使用 React 构建现代网站
react-admin - 一个 React 前端框架,用于构建B2B应用程序
refine - 构建您的React CRUD应用程序,没有任何限制

React 组件库

material-ui - 开箱即用的基础 React 组件
ant-design - 一个企业级UI设计语言和React UI库
shadcn-ui - 使用 Radix UI 和 Tailwind CSS 构建的设计精美的组件
react-bootstrap - 使用 React 构建的 Bootstrap 组件
fluentui - Microsoft 的 Fluent UI
framework7 - 用于构建 iOS 和 Android 应用的全功能 HTML 框架
ariakit - 用于使用 React 构建无障碍Web应用程序的工具包

React 状态管理和数据获取

redux - JavaScript 应用的可预测状态容器
mobx - 简单、可扩展的状态管理
zustand - 用于 React 状态管理的必备品
tanstack-query - 强大的异步状态管理
swr - React 数据获取的 Hooks
apollo-client - 功能齐全的生产就绪缓存 GraphQL 客户端
relay - 构建数据驱动型 React 应用的框架
recoil - 实验性 React 应用状态管理库
jotai - 原始而灵活的 React 状态管理
xstate - 现代 Web 的状态机和状态图
effector - 轻松处理业务逻辑
immer - 通过突变当前状态创建下一个不可变状态
immutable-js - JavaScript 的持久化不可变数据集合
rxdb - 适用于 JavaScript 应用程序的快速、离线优先、响应式数据库

React 样式

styled-components - 组件时代的视觉元素
emotion - 针对高性能样式组合的 CSS-in-JS 库
linaria - 零运行时 CSS-in-JS 库
vanilla-extract - 零运行时 TypeScript 中的样式表

React 路由

react-router - React 的声明式路由
wouter - 小巧的路由
tanstack-router - 拥有内置缓存和 URL 状态管理的类型安全路由器

React 开发工具

create-react-app - 一键设置现代 Web 应用
vite - 下一代前端构建工具
parcel - 零配置的 Web 构建工具
million - 超快速和轻量级的优化编译器
reactotron - 用于检查 React 和 React Native 项目的桌面应用程序
eslint-plugin-react - ESLint 的 React 特定 linting 规则
why-did-you-render - 用于通知可避免重新渲染的 React 补丁

React 库

preact - 快速的 React 替代品,具有相同的现代 API
floating-ui - 用于创建浮动元素的工具包
loadable-components - 推荐的 React 代码拆分库
react-uploady - 用于 React 的现代文件上传组件和 Hooks
downshift - React 自动完成、组合框或下拉选择组件
react-error-boundary - 一个 React 错误边界组件,可让您捕获错误

React 测试

jest - 愉悦的 JavaScript 测试
react-testing-library - 简单而完整的 React DOM 测试工具
cypress - 快速、简单可靠的浏览器测试

React 优秀组件

出色的 React 组件
react-select - React 的下拉选择组件
react-big-calendar - 日历组件
react-datepicker - 一个简单易用的 React 日期选择器组件
react-loading-skeleton - 创建自适应应用的骨架屏
react-qrcode - 适用于 React 的二维码组件
react-archer - 在 React 元素之间绘制箭头
react-icons - 流行图标包的 SVG React 图标
react-complex-tree - 无偏见的可访问树
react-insta-stories - 一个模仿 Instagram 故事功能的 React 组件
swiper - 最现代的移动触摸滑块
keen-slider - 触摸式轮播组件
cookie-consent-banner - 轻量级且灵活的 Cookie 同意横幅
heart-switch - 一个心形切换开关组件
kbar - 适用于网站的快速、便携和可扩展的 cmd+k 界面
tagify - 轻量级高效的标签输入组件
puck - React 的可视化编辑器

React 组件沙盒

storybook - Storybook 是一个前端工具箱,用于独立构建 UI 组件和页面
react-styleguidist - 隔离的 React 组件开发环境,带有生动的样式指南
react-cosmos - 用于创建可复用 React 组件的开发工具
bit - 用于开发可组合软件的构建系统

React 表单

react-hook-form - React 表单状态管理和验证的 Hooks
formik - 在 React 中优雅地构建表单
react-jsonschema-form - 一个从 JSON Schema 构建 Web 表单的 React 组件
formily - 阿里巴巴统一表单解决方案
vest - 声明式验证框架

React 表格和网格

react-grid-layout - 一个可拖拽和可调整大小的网格布局,具有响应式断点
tanstack-table - 用于构建强大表格和数据网格的无头 UI
react-data-grid - 功能丰富且可定制的 React 数据网格组件

React 地图

react-map-gl - React 友好的 MapboxGL JS API 包装器
react-leaflet - Leaflet 地图的 React 组件

React 图表

recharts - 基于 React 和 D3 重新定义的图表库
visx - 可视化组件
victory - 一组可组合的 React 数据可视化组件
react-vis - 数据可视化组件
nivo - 提供了一组丰富的数据可视化组件,建立在 D3 和 React 库之上

React 渲染器

react-three-fiber - 用于 Three.js 的 React 渲染器
ink - 基于 React 的交互式命令行应用程序
remotion - 使用 React 以编程方式制作视频
react-pdf - 使用 React 创建 PDF 文件
react-figma - Figma 的 React 渲染器

React 国际化

formatjs - 国际化您的 Web 应用程序
react-i18next - 正确完成 React 的国际化
typesafe-i18n - 一个完全类型安全且轻量级的国际化库

React 图形和动画

react-spring - 基于弹簧物理的 React 动画库
framer-motion - 开源、生产就绪的动画和手势库,适用于 React
auto-animate - 一个零配置、即插即用的动画实用程序,提供平滑的过渡
react-tsparticles - 轻松创建高度可定制的粒子效果
react-parallax-tilt - 轻松应用倾斜悬停效果于 React 组件

React 集成

rescript-compiler - 一种强大的类型语言,可编译成高效且易读的JavaScript
react-rails - 将React与Rails集成
fulcro - 一个用于开发clj/cljs网络应用的库
tailwind-react - 一篇展示如何将React应用与Tailwind集成的文章

React Real Apps

mattermost-server - 一个开源的安全协作平台
kibana - 洞察Elastic堆栈的窗口
webamp - 在浏览器中实现的Winamp 2
overreacted - Dan Abramov的个人博客
wave - 一个开源跨平台终端,实现无缝工作流

React Native

React Native 综合资源

React Native 导航

react-navigation - React Native应用的路由和导航
expo-router - 基于文件的通用React Native应用路由器

React Native 优秀组件

react-native-vector-icons - 可定制的React Native图标
react-native-gifted-chat - 最完整的React Native聊天UI

React Native 库

realm-js - 移动数据库:SQLite和键值存储的替代品
react-native-device-info - React Native iOS和Android设备信息

贡献

这个列表起初是作为个人收集的与React相关的有趣资源。当时React还在beta阶段,需要特殊脚本将JSX转换为JS,Flux也还未发布。如今React已经成为主流,并出现了众多新发展。请您避免将此列表用作广告或展示您的实验。我们在这里专注于分享完全免费的资源。欢迎您提出更新过时项目和文章,以及新的贡献。您的意见和建议都将被衷心地♡接受。(✿◠‿◠)