新手上路
2026-2-26 10:23
主楼
React
React 常用资源
React 教程
- React 官方教程
- 在 Visual Studio Code 中使用 React
- React 面试问题与答案
- 用于构建强大 Web 应用的设计模式和组件模式
- 用于构建生产级 React 应用的简单、可扩展且强大的架构
- 为有经验的 React 开发者入门 TypeScript 的速查表
React 框架
- next - React 框架
- gatsby - 使用 React 构建现代网站
- remix - 允许你专注于用户界面的全栈 Web 框架
- react-admin - 用于构建 B2B 应用的前端框架
- refine - 基于 React 构建 CRUD 应用程序,无任何限制
- vike - 模块化框架 - Next.js & Nuxt 的替代品
React 组件库
- shadcn-ui - 使用 Radix UI 和 Tailwind CSS 精心设计的组件
- ant-design - 一套面向企业的 UI 设计语言和 React UI 库
- material-ui - 即用型 React 基础组件
- chakra-ui - 用于快速构建 SaaS 产品的组件系统
- react-bits - 一系列动画化、交互式且完全可定制的 React 组件
- mantine - 功能完善的 React 组件库
- react-bootstrap - 基于 React 构建的 Bootstrap 组件
- fluentui - 微软的 Fluent UI
- framework7 - 用于构建 iOS 和 Android 应用的功能完善的 HTML 框架
- ariakit - 用于使用 React 构建可访问性 Web 应用的工具包
- react-email - 用于创建精美电子邮件的无样式组件
- 8bitcn-ui - 基于 shadcn 构建,具有复古 8 位主题的 React 组件库
- headlessui - React 完全无样式、可访问的 UI 组件
- ruixen-ui - 现代、轻量级的 React 组件库,设计优雅
React 状态管理和数据获取
- redux - JavaScript 应用的可预测状态容器
- mobx - 简单、可扩展的状态管理
- zustand - React 中状态管理的必备基础
- tanstack-query - 强大的异步状态管理
- swr - React 数据获取的 Hook
- apollo-client - 一个功能齐全、可用于生产环境的缓存 GraphQL 客户端
- relay - 用于构建数据驱动型 React 应用的框架
- jotai - React 的原始且灵活的状态管理
- xstate - 现代网络的状态机与状态图
- effector - 轻松实现业务逻辑
- immer - 通过修改当前状态来创建下一个不可变状态
- immutable-js - JavaScript 的不可变持久化数据集合
- rxdb - JavaScript 应用程序的快速、离线优先、响应式数据库
React 样式
- styled-components - 组件时代的视觉基础元素
- emotion - 高性能样式组合的 CSS-in-JS 库
- vanilla-extract - TypeScript 中的零运行时样式表
React 路由
- react-router - React 的声明式路由
- tanstack-router - 带有内置缓存和 URL 状态管理的类型安全路由器
React 开发工具
- vite - 新一代前端工具
- parcel - 适用于网络的零配置构建工具
- reactotron - 用于检查 React 和 React Native 项目的桌面应用程序
- eslint-plugin-react - ESLint 的 React 特定代码检查规则
- why-did-you-render - 对 React 进行猴子补丁,以通知您关于可避免的重新渲染
React 库
- preact - Fast React 替代品,具有相同的现代 API
- floating-ui - 用于创建浮动元素的工具包
- loadable-components - React 推荐的 Code Splitting 库
- react-uploady - React 的现代文件上传组件和钩子
- downshift - React 自动完成、组合框或选择下拉组件
- react-error-boundary - 一个让 React 捕获错误的错误边界组件
React 测试
- jest - 令人愉悦的 JavaScript 测试
- react-testing-library - 简单且完整的 React DOM 测试工具
- cypress - 快速、简单且可靠的浏览器测试
- playwright - Web 测试和自动化框架
React Awesome Components
- Awesome React Components
- react-select - React 的 Select 组件
- react-big-calendar - 日历组件
- react-datepicker - 一个简单且可重用的 React 日期选择器组件
- react-qrcode - 用于 React 的 QR 码组件
- react-archer - 在 React 元素之间绘制箭头
- react-complex-tree - 无偏见的可访问性树
- react-insta-stories - 一个用于 Instagram 类似故事的 React 组件
- react-hot-toast - React 的轻量级和可定制的 Toast 通知
- swiper - 最现代的移动触摸滑块
- keen-slider - 触摸滑块轮播
- heart-switch - 一个用于 React 的心形切换组件
- kbar - 快速、便携且可扩展的 site 命令 k 接口
- tagify - 轻量级、高效的 Tags 输入组件
- puck - React 的可视化编辑器
- json-edit-react - 高度可配置的 JSON/Object 树形编辑器/查看器
React 组件沙箱
- storybook - Storybook 是一个用于在隔离环境中构建 UI 组件和页面的前端工作坊
- react-cosmos - 用于创建可重用 React 组件的开发工具
- bit - 用于可组合软件开发的构建系统
React Forms
- react-hook-form - 用于表单状态管理和验证的 React Hooks
- react-jsonschema-form - 基于 JSON Schema 构建 Web 表单的 React 组件
- formily - 阿里巴巴集团统一表单解决方案
- tanstack-form - 无头、高性能且类型安全的表单状态管理
React 表格和网格
- react-grid-layout - 可拖动和调整大小的网格布局,具有响应式断点
- tanstack-table - 用于构建强大表格和 datagrid 的无头 UI
- react-data-grid - 功能丰富且可定制的数据网格 React 组件
React Maps
- react-map-gl - 围绕 MapboxGL JS 的 React 友好 API 封装
- react-leaflet - 用于 Leaflet 地图的 React 组件
React 图表
- recharts - 基于 React 和 D3 重新定义的图表库
- visx - 可视化组件
- victory - 用于构建交互式数据可视化的可组合 React 组件集合
- react-vis - 数据可视化组件
- nivo - 基于 D3 和 React 库构建的一套丰富的数据可视化组件
- xyflow - 用于构建基于节点的编辑器和交互式图表的可定制 React 组件
React 渲染器
- react-three-fiber - 一个用于 Three.js 的 React 渲染器
- ink - 用于交互式命令行应用的 React
- remotion - 使用 React 以编程方式制作视频
- react-pdf - 使用 React 创建 PDF 文件
- react-figma - Figma 的 React 渲染器
- markdown-to-jsx - 一个非常快速和多功能的 markdown 工具链
React 国际化
- formatjs - 国际化 Web 应用
- react-i18next - React 正确的国际化解决方案
- react-intlayer - 专注于 React 可维护性的国际化
React 图形和动画
- react-spring - 基于弹簧物理的 React 动画库
- framer-motion - React 的开源、生产就绪的动画和手势库
- auto-animate - 无需配置、即插即用的动画工具,添加平滑过渡
- react-tsparticles - 轻松创建高度可定制的粒子效果
- react-parallax-tilt - 在 React 组件上轻松应用倾斜悬停效果
- simple-parallax-js - 使用 React 和 JavaScript 获取视差效果最简单的方法
React 集成
- rescript-compiler - 一种强类型语言,编译为高效且易于阅读的 JavaScript
- fulcro - 用于开发 clj/cljs 网络应用程序的库
React 实际应用
- mattermost-server - 一个开源的安全协作平台
- kibana - 您洞察 Elastic Stack 的窗口
- webamp - 浏览器版的 Winamp 2 重现版本
- overreacted - Dan Abramov 的个人博客
- wave - 一个开源的跨平台终端,用于无缝工作流程
- readest - 一个极简、功能丰富且跨平台的电子书阅读器
- bookcars - 车辆租赁平台
- notifuse - 现代自托管邮件平台,用于发送新闻简报和交易邮件
React Native
React Native 一般资源
React Native Navigation
- react-navigation - 用于 React Native 应用的路由和导航
React Native Awesome Components
- 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-native-maps - React Native 地图组件