新手上路
3小时前
主楼
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 地图组件