发现React 的强大！精选 React 组件和库列表

资源合集
收藏
回帖
1条日志
新手上路 2026-2-26 16:31
主楼

UI 组件

可编辑数据网格/电子表格

  • AG Grid - 支持 JavaScript / React / AngularJS / Web Components 的高级数据网格/数据表。
  • fortune-sheet - 一个在线电子表格组件，提供类似 Excel 的现成功能。
  • gigatables-react - 排序、分页/无限滚动、全局/列搜索、AJAX CRUD 等。
  • Handsontable - 带有类似电子表格 UI 的数据网格，支持 React、Angular、TypeScript 和 JavaScript。
  • jqwidgets-react-grid - 过滤、分页、分组、导出到 Excel、PDF、CRUD 等。
  • MUI X Data grid - 快速可定制的数据网格，具有高级功能，适用于高级用户和复杂用例。
  • react-data-grid - 类 Excel 的网格。
  • ReactGrid - 为您的应用添加类似电子表格的行为
  • revo-grid - 用于 React / AngularJS / Vue / Web Components 的强大数据网格，具有高级定制功能。
  • SheetXL – 高性能电子表格网格。TypeScript, ESM, Node/浏览器, Excel 兼容函数。
  • SVAR React DataGrid - 支持单元格内编辑、树形数据、上下文菜单、虚拟滚动等功能的 React DataGrid。

表格

  • ka-table - 可定制的表格组件，支持排序、筛选、分组、虚拟化、编辑等功能。
  • mantine-datatable - Mantine UI 应用程序的轻量级表格组件，具有大量功能。
  • material-table - 基于 Material UI 构建，支持：分组、树形数据、可展开行、导出、行内编辑
  • mui-datatables - 基于 Material UI 构建。支持搜索、样式定制、筛选、列的调整/隐藏、导出、打印、行选择/展开。
  • react-data-table - 可访问、响应式、主题化、声明式配置的表格，支持排序、可选行、可展开行、分页
  • TanStack Table - 用于构建强大表格和 datagrids 的 Headless UI
  • react-table-library - React Table Library -- 一个近乎无头部的表格库 -- 用于构建更好的表格。
  • rsuite-table - 支持虚拟化的表格组件。
  • DevExtreme React Grid - 高性能的插件式数据网格，适用于 Bootstrap 和 Material Design。
  • Smart React Grid - 快速且功能完备的 Material Design 数据网格。
  • simple-table - 轻量级、快速且功能丰富。支持排序/筛选、虚拟化、树形数据、嵌套表头、固定列、自定义样式等。
  • KendoReact Grid - 功能强大的数据网格组件，提供 100 多项即用型功能，如分页、排序、导出到 Excel 等。
  • Material-React-Table - TanStack React Table V8 的 Material UI V5 完整实现，完全使用 TypeScript 编写。

无限滚动

  • @egjs/react-infinitegrid - npm - 一个用于根据各种布局类型无限排列卡片元素的模块。
  • react-lazyload - 在性能重要的地方懒加载你的组件、图片或其他任何内容。
  • react-list - 一个通用的无限滚动 React 组件。
  • @af-utils/virtual - 渲染大型可滚动列表和网格。
  • react-window - 用于高效渲染大型列表和表格数据的 React 组件
  • virtua - 一个零配置、快速且体积小（~3kB）的虚拟列表组件，适用于 React、Vue 和 Solid。

叠加层

显示叠加层 / 模态框 / 警报 / 对话框 / 弹出灯箱 / 弹窗
  • react-aria-modal - 一个完全可访问且灵活的 React 弹窗，遵循 WAI-ARIA 编写实践。
  • react-modal - React 的可访问弹窗对话框组件。
  • @paratco/async-modal - React 的简单异步弹窗处理器。
  • reoverlay - 管理弹窗的缺失解决方案。
  • sweetalert2 - 一个美观、响应式、高度可定制且支持无障碍（WAI-ARIA）的 JavaScript 弹出框替代方案。零依赖。
  • sweetalert2-react-content - 官方 SweetAlert2 增强器，支持将 React 元素作为内容

通知

Toaster / snackbar — 使用无模式的临时小弹出框通知用户
  • react-notifications-component - 高度可定制且易于使用的通知组件。
  • notistack - 高度可定制的通知小面板（吐司），可以相互堆叠。
  • react-local-toast - 显示与特定组件相关联的反馈，而不是全局吐司。
  • react-toast - 简约的吐司通知。
  • 🚀 react-toastify - 目前最好的选择。支持 Hooks，不使用 refs。
  • react-confirm-lite - 是一个轻量级的、基于 Promise 的 React 确认对话框，内置 Tailwind CSS 支持。它设计得和 react-toastify 一样简单易用，同时完全可定制。
  • reapop - 一个 React & Redux 通知系统。
  • react-hot-toast - React 的酷炫通知。轻量级、可定制，默认美观。
  • Sonner - 一个为 React 设计的主观式提示组件。

Tooltip

菜单

菜单 / 侧边栏

Sticky

固定头部/滚动到顶部头部/粘性元素

Tabs

载入器

载入器 / 旋转器 / 进度条 — 让用户知道有内容正在加载

验证码

  • react-simple-captcha - npm - React Simple Captcha 是一个功能强大、高度可定制且易于使用的 React JS 验证码库。
  • procaptcha - 注重隐私的免费 CAPTCHA

轮播图

按钮

折叠

图表

显示图表/图形/图表中的数据

命令面板

  • cmdk - React 的快速、可组合、无样式的命令菜单。
  • kbar - 快速、便携且可扩展的 cmd+k 接口。

树

显示树形数据结构
  • json-edit-react - 高度可配置的 JSON/Object 树形查看器和编辑器
  • react-arborist - 功能全面的树形视图：无头模式、虚拟化、多选、拖放、键盘导航、搜索
  • react-complex-tree - 中立的可访问树形组件，支持多选、拖放和搜索
  • he-tree-react - 树形控件，可定制 UI，扁平数据，树形数据，拖拽排序，放置占位符，可折叠，复选框，虚拟化。

UI 导航

视图导航方式

自定义滚动条

音频/视频

  • react-dailymotion - 用于 React 的 Dailymotion 播放器组件。
  • react-player - 用于播放多种 URL 的 React 组件，包括 YouTube。
  • react-soundplayer - 使用 React 创建自定义 SoundCloud 播放器。
  • react-youtube - 基于 React.js 的 YouTube 播放器组件。
  • video-react - 使用 React 库为 HTML5 世界构建的 Web 视频播放器。
  • material-ui-audio-player - material ui 设计的音频播放器。
  • react-vision-camera - 基于 getUserMedia 的 React 摄像头组件。我们可以使用此组件进行计算机视觉任务，如条形码扫描、文本识别等。
  • react-barcode-qrcode-scanner - React 条形码和二维码扫描组件。它使用 react-vision-camera 访问摄像头，并使用 Dynamsoft Barcode Reader 读取条形码。

地图

  • google-map-react - 通用谷歌地图 React 组件，允许在谷歌地图上渲染 React 组件。
  • mapkit - 使用 MapKit JS 集成 Apple Maps 的库，支持标注、覆盖层和搜索。
  • pigeon-maps - 无需外部依赖的 ReactJS 地图。
  • react-geosuggest - 基于 Google Maps Places API 的 React 自动建议组件。
  • react-leaflet - 用于 Leaflet 地图的 React 组件。
  • react-map-gl - MapboxGL-js 和叠加 API 的 React 封装。
  • react-svg-map - 一套用于显示交互式 SVG 地图的组件。

时间 / 日期 / 年龄

Display time / date / age

照片 / 图片

显示图片/照片

图标

显示图标 / 图标集 / 表情符号_
  • iconify-react - 超过 40k 个图标，来自 50 多个图标集，包括所有流行的图标和表情符号集。
  • react-icons - 使用 ES6 导入的流行图标包的 SVG React 图标。
  • react-open-doodles - 令人惊叹的免费插图，可作为 React 组件使用。
  • react-icomoon - 使用 react-icomoon，您可以轻松使用在 icomoon 中选择或创建的图标。
  • tabler-icons-react - 一套超过 450 个免费 MIT 许可的高质量 SVG 图标。
  • Lucide - 由社区制作的精美且一致的图标工具包。开源项目，Feather Icons 的分支。

分页器

显示用于分页的控制元素

Markdown Viewer

Display parsed markdown source

Canvas

使用 Canvas 或 SVG 绘制草图输入
  • react-konva - React Konva 是一个 JavaScript 库，用于使用 Konva 框架绑定绘制复杂的 canvas 图形。
  • react-sketch - 基于 React 应用的 Sketch 工具，由 FabricJS 支持
  • react-sketch-canvas - 使用 SVG 作为画布的 React 自由手绘矢量绘图工具。接受鼠标、触摸和图形数位板的输入
  • react-heat-map - 基于 SVG 构建的轻量级日历热力图 React 组件，GitHub 贡献图的定制版本。

截图

  • html2canvas - 使用 Javascript 对网页的任何部分进行截图。

其他

表单组件

让用户输入数据

日期/时间选择器

日期选择器 / 时间选择器 / 日期时间选择器 / 日期范围选择器

表情选择器

输入类型

掩码输入，特殊输入；电子邮件 / 电话号码 / 信用卡 / 等.

自动补全

自动建议 / 自动补全 / 前缀补全

Select

颜色选择器

  • coloreact - 一个用于 React 的微小颜色选择器。
  • react-color - 一个用于 React 应用的微小颜色选择器组件。
  • react-colorful - 一个微小（2.5 KB）、无依赖、快速且可访问的颜色选择器组件。
  • react-input-color - 带有 HSV 颜色选择器的 React 输入颜色组件。

切换

滑块

单选按钮

类型选择

允许用户在输入时选择某物（例如标签）

标签输入

允许用户在单个输入中添加多个标签

自动尺寸输入 / 文本区域

星级评分

拖放

  • react-beautiful-dnd - React 中的美观且可访问的列表拖放组件。
  • react-dnd - React 的拖放功能。
  • react-drag-sizing - "拖动以调整大小"（调整大小）作为 React 组件。
  • react-draggable - React 可拖动组件。
  • react-dragula - 拖放如此简单以至于令人痛苦。
  • react-dropzone - 基于 React.js 的简单 HTML5 拖放区域。
  • react-movable - 可访问且极简（压缩后小于 4KB）的库，用于列表和表格中的垂直拖放。
  • react-sortable-pane - React 的排序和可调整大小面板组件。
  • neodrag - 用于拖动的多框架库。选择你的框架，拖动 API 行为将保持一致。

可排序列表

让用户在列表上定义一个顺序
  • react-anything-sortable - 支持触摸操作和 IE8 兼容性的任意子元素排序。
  • sortablejs - 可通过拖放重新排序的列表，包括列表内部和列表之间。

富文本编辑器

  • alloyeditor - 基于 CKEditor 的所见即所得编辑器，UI 完全重写。
  • ckeditor4-react - 一个官方的 CKEditor 4 富文本编辑器封装。
  • ckeditor5-react - 一个官方的 CKEditor 5 富文本编辑器包装器。
draft-js - 一个用于构建文本编辑器的 React 框架。

Markdown Editor

图像编辑

图像处理

表单组件集合

其他

  • @anatoliygatt/numeric-stepper - 一个完全可定制且易于访问的数字步进组件。
  • interweave - 一个用于安全渲染 HTML、过滤属性、使用匹配器自动包装文本、渲染表情字符等功能的 React 库。
  • react-designer - 易于配置、轻量级、可在 React 组件中编辑的矢量图形。
  • react-upload-gallery - 用于上传图片画廊的 React 组件。支持拖放、排序、自定义。

语法高亮

UI 布局

用于布局应用程序 UI 的组件
  • autoresponsive-react - 自动响应式网格布局库。
  • hedron - 一个简洁的 flexbox 网格系统，由 styled-components 驱动。
  • m-react-splitters - TypeScript 编写的分割器组件。
  • muuri-react - 响应式、可排序、可筛选和可拖动的网格布局。
  • react-grid-layout - 一个具有响应式断点的可拖动和可调整大小的网格布局，适用于 React。
  • react-layman - 动态瓦片布局管理器，带标签页
  • react-masonry-component - @desandro 的 Masonry 封装器。
  • react-reflex - 用于高级 React 网页应用的 Flex 布局容器组件。
  • react-spaces - 可嵌套、可锚定、可调整大小、可滚动的组件。
  • react-stonecutter - 动画网格布局组件。
  • react-colrow - 响应式网格布局组件。基于 CSS flexbox。支持分数宽度、自动增长。
  • react-schematic - 使用样式化的示意图构建响应式布局，无需任何主题配置的开销。

UI 动画

动画过渡

视差滚动

UI 框架

响应式

组件集 + 响应式布局系统_
  • ant-design - 来自中国的 UI 设计语言。提供独立的 组件。
  • atlaskit - Atlassian 官方 UI 库，包含从 badge_ 到 _tree table 的组件。
  • base web - Base Web 是一个用于启动、演进和统一网络产品的基石。
  • carbon - 由 IBM 构建的设计系统。
  • cdbreact - 用于构建移动优先、响应式网站和 Web 应用的优雅 UI 工具包库和可重用组件。
  • chakra-ui - 用于 React 应用的简单、模块化且可访问的 UI 组件。
  • ChatUI - 对话式 UI 的 UI 设计语言和 React 库。
  • CoreUI for React - 开源 UI 组件库。
  • evergreen - Segment 的 Evergreen React UI 框架。
  • fluentui - 用于创建美观、跨平台应用程序的 UX 框架，可共享代码、设计和交互行为。
  • gestalt - 支持 Pinterest 设计语言的组件集。
  • grommet - 企业应用程序最先进的 UX 框架。
  • kokonut-ui - 免费现代且可定制的 UI 组件。
  • Mantine - 一个功能齐全的库，包含 100 多个钩子和组件，支持原生暗黑主题
  • orbit - 用于构建旅游相关项目的组件
  • flowbite-react - 基于 React、Tailwind CSS 和 Flowbite 的开源 UI 组件库
  • primereact - 一个完整的 UI 框架，包含 50 多个组件，支持材料设计、Bootstrap 和自定义主题
  • radix-ui - 用于构建高质量设计系统和 Web 应用的无样式、可访问组件。
  • react-bootstrap - 使用 React 构建的 Bootstrap 组件。
  • react-foundation - 基于 Foundation 的 React 组件。
  • reakit - 用于构建可访问的丰富 Web 应用的工具包。
  • searchkit - React UI 组件 / 小部件。使用 Elasticsearch 构建出色搜索体验的最简单方式。
  • semantic-ui-react - 官方 Semantic-UI-React 集成。
  • semi-design - 现代、全面、灵活的设计系统。
  • shadcn/ui - 可以直接复制粘贴到您应用程序中的精美设计的组件。
  • shineout - 中文友好的组件集：表单元素、导航、表格、树、树形选择下拉菜单等。
  • Tremor - 用于构建图表和仪表板的开放源代码组件。
  • untitled-ui-react - 使用 React Aria 和 Tailwind CSS 精心制作的组件集合。

Material Design

  • 🚀 Material UI - 完整的组件套件。构建自己的设计系统，或从 Material Design 开始。
  • 自动完成 - 可访问的自动完成、组合框、多选功能
  • Material Icons - 超过 1,000 个 SVG 材质图标。
  • Modal - 可访问的模态对话框组件。
  • Slider - 可访问的滑块组件。
  • 表格 - 带有排序、选择、分页和虚拟化的表格。
  • 树形视图 - React 的可用树形视图组件。
  • react-essence - Essence - 基础材料设计框架。
  • react-materialize - React 的材料设计，由 materializecss 提供支持。
  • react-toolbox - 一套实现 Google Material Design 的 React 组件。
  • mdbootstrap - React Bootstrap with Material Design

移动端

  • antd-mobile - 来自中国的可配置移动 UI。
  • Ionic React - Ionic Framework：使用单一代码库轻松构建 Android、桌面和渐进式 Web 应用。
  • OnsenUI - 移动应用框架，支持 Material 和扁平（iOS）设计风格。基于 Web Components。

组件集合

  • blueprint - 用于构建复杂、数据密集型桌面（非移动）应用程序的 UI 工具包。
  • dataminr-react-components - 可重用的 React 组件和实用函数集合。
  • shards-react - docs/demo - 一个美观且现代的 React 设计系统。免费增值。
  • aframe-react - 使用 A-Frame 和 React 构建虚拟现实体验。
  • react-admin - 在 REST 和 GraphQL 服务之上构建管理用户界面。
  • refine - 瞬间构建数据密集型应用程序。它配备了 Ant Design System，一个企业级 UI 工具包。
  • matrix-card - 生成矩阵雨风格卡片的最为简单的组件。
  • rsuite - 用于“企业系统产品”的一套组件
  • lens-ui - 一套专注于简洁的组件。
  • Tailwindadmin - 一系列可直接集成到您的 React/Next.js 项目中的 ShadCN UI 组件集合。

UI 工具

报告器

报告计算后的样式

可见性报告器

报告组件变为可见/隐藏时的情况

测量报告器

确定并报告元素的测量值

设备输入

将用户输入转换为操作

键盘事件

滚动事件

触摸滑动

  • react-swipe - 将 Swipe.js 作为 React 组件使用。

鼠标事件

Meta Tags

设置元标签，<title>，<head> 的子元素

Portal

在任意的 DOM 节点渲染元素
  • react-layer-stack - 简单但普遍强大且无偏见的 React 层级系统。
  • react-portal - 用于将模态框、灯箱、加载条等组件传输到 document.body 的 React 组件。

测试用户行为

A/B 测试，实验，...

代码设计

辅助代码设计的库

数据存储

数据流 / 数据管理 / 数据存储 / 组件状态 / 数据流
  • baobab-react - Baobab 的 React 集成。
  • cerebral - 带有自带的调试器的状态控制器。
  • effector-react - effector 的 React 绑定，一个高效的多存储状态管理器。
  • 防火 - 纯 JS，零依赖，CRDT 数据库 - 在浏览器中运行，并连接到任何云或后端
  • RxDB - 一个为 JavaScript 应用程序设计的快速、本地优先、响应式数据库
  • fluxible - 一个可插拔的容器，用于通用的 flux 应用程序。
  • kea - React 应用的高层架构。
  • react-i13n - 一种高效、可扩展和可插拔的方法，用于为您的 React 应用程序添加功能。
  • react-redux - 官方 React Redux 绑定。
  • redux-batched-actions - 一个 Reducer + 动作，用于将多个动作合并为单个订阅者通知。
  • redux - 用于 JavaScript 应用的可预测状态容器。
  • reselect - Redux 的选择器库。
  • resourcerer - 用于 REST API 的声明式数据获取框架。
  • synergies - 一个高性能的分布式上下文状态库，通过协同原子上下文片段来创建可重用的 React 状态逻辑。
  • zustand - 一种基于简化 flux 原理的无冗余状态管理解决方案，提供无需模板的 hook API。
  • teaful - 轻量级、易用且强大的 React 状态管理

表单逻辑

路由

从服务器获取的属性

组件属性通过网络异步获取
  • react-refetch - 一种简单、声明式和可组合的方式，用于为 React 组件获取数据。
  • redux-connect - 为 react-router 提供解决异步属性的装饰器。
  • axios-react - React 的 HTTP 客户端组件。

与服务器通信

  • apollo-client - 适用于任何 GraphQL 服务器和 UI 框架的简单缓存客户端。
  • react-relay - Relay 是一个用于构建数据驱动型 React 应用的 JavaScript 框架。
  • query - 强大的异步状态管理、服务器状态工具以及适用于 TS/JS、React、Solid、Svelte 和 Vue 的数据获取。

CSS / 样式

  • aesthetic - 一个强大的类型安全、框架无关的 CSS-in-JS 库，用于组件样式化，无论是普通的对象、导入样式表，还是简单地引用外部类名。
  • aphrodite - 它是内联样式，但它们是有效的！
  • inline-style-prefixer - 内联样式对象的运行时 Autoprefixer。
  • @classmatejs/react - 一个类似于 styled components 的语法，并结合了 cva 变体的糖的类名聚焦组件构建器。
  • react-container-query - 模块化响应式组件。
  • react-responsive - 用于响应式设计的 react 媒体查询。
  • reactponsive - 响应式组件和钩子。
  • styled-components - 组件时代的视觉基础元素。
  • stitches - 零近运行时、SSR、多变量支持的 CSS-in-JS。

HTML 模板

同构应用

  • hypernova - 用于服务器端渲染您 JavaScript 视图的服务。
  • isomorphic-style-loader - Webpack 的同构 CSS 样式加载器。
  • react-server - 具备服务器渲染功能的 React 框架，页面加载速度极快。
  • rill - 通用网络应用程序框架。
  • webpack-isomorphic-tools - 为您的 Webpack 构建的 Web 应用程序提供服务器端渲染（例如 React）。

模板

脚手架 / 启动套件 / Yeoman 生成器 / 技术栈集合 / 种子
  • create-react-app - 无需构建配置即可创建 React 应用。
  • crisp-react - 在 TypeScript 中实现 Express 集成，支持多个 SPAs 并避免常见陷阱。
  • cra-template-redux-auth-starter - 为 CRA 准备的 Redux 认证启动模板。
  • electron-react-boilerplate - 在桌面应用程序上进行实时编辑开发。
  • elegant - 一个简单的 React 框架，用于使用 Next.js、Tailwind CSS 和 Markdown 加载快速构建美观且表达力强的 Web 应用程序。
  • extensive-react-boilerplate - 带有 Next.js、认证（登录、注册、重置密码、确认电子邮件、刷新令牌）、Material UI、React Hook Form、I18N、文件上传（支持本地和 Amazon S3 驱动程序）、测试、CI 的模板。
  • generator-starhackit - 全栈启动套件。
  • nwb - React 应用程序和组件以及 npm 模块的 CLI 工具和 devDependency。
  • nx - 新一代构建系统，具有一流的单一仓库支持以及强大的集成功能。
  • PBandJ - 无需配置的可重用组件框架。
  • react-hot-boilerplate - 为您的下一个 ReactJS 项目提供的最小化实时编辑模板。
  • rockpack - 在 5 分钟内创建具有 SSR、打包、代码检查和测试的 React 应用的简单解决方案。
  • create-react-dependency - 无需构建配置即可创建 React 依赖项。
  • phoenix - 一个简单的模板，帮助您使用服务器端渲染和本地化支持制作 React 应用程序。
  • react-enterprise-starter-kit - 高度可扩展且性能卓越的 React 企业级应用启动套件，具有非常易于维护的代码库。
  • Tailwindadmin - 基于 React 和 Tailwind CSS 构建的免费 Shadcn 仪表板模板，支持多框架

其他

  • react-inlinesvg - ReactJS 的 SVG 加载组件。
  • react-godfather - 一种新的编写函数组件的方式，无需使用 Hooks。
  • react-vvm - React 中的一种新的 MVVM 方法，以实现关注点分离，减少样板代码，并自动优化可扩展的 UI 逻辑。
  • react-call - 调用你的 React 组件。
  • redux-auth-patch - 为 react + redux 提供的完整 token 认证系统，支持同构渲染。
  • redux-search - Redux 客户端搜索的绑定。
  • tcomb-react - PropTypes 的替代语法。
  • react-universal-hooks - :tada: 支持在所有地方使用 react hooks（函数组件或类组件）。

实用工具

i18n

国际化 / L10n / 本地化 / 翻译
  • react-i18next - 为 react 做出的正确国际化。使用 i18next i18n 生态系统。
  • react-intl - 用于国际化 React 应用的库。
  • react-localized - 基于 gettext 格式的 React 组件国际化库。
  • react-translate-maker - 适用于 React 的通用国际化（i18n）开源库。
  • react-intl-universal - 用于国际化 React 应用的库。不仅适用于 React.Component，也适用于纯 JavaScript。
  • @tolgee/react - – 基于网络的本地化工具，允许用户直接在开发的 React 应用中翻译
  • js-lingui - – 可读的、自动化的、优化的（5 kb）JavaScript 国际化。

框架绑定 / 集成

与第三方服务的集成

性能

UI

检查

懒加载

应用大小

服务器端渲染

  • iSSR - 将您的 React 应用程序迁移到服务器端渲染的最简单方法。处理副作用并同步状态。
  • react-esi - 一个通过将 React 组件暴露为边缘侧包含（ESI）片段来提升 SSR 性能的库

开发工具

测试

  • enzyme - 用于 React 的 JavaScript 测试工具
  • jest-cli - 简单易用的 JavaScript 测试工具。
  • react-unit - ReactJS 轻量级单元测试库。
  • redux-test-recorder - 一个 Redux 中间件，通过 UI 交互自动生成 reducer 的测试。
  • rut - 使用 react-test-renderer 使 React 测试变得简单。支持 DOM 和自定义渲染器。
  • unexpected-react - 用于 unexpected 插件，以启用测试完整的 React 虚拟 DOM，以及浅渲染器。
  • playwright 支持现代 Web 应用的可靠端到端测试。

Redux

检查

  • fluxguard - 监控生产环境变更，突出显示所有 DOM + 设计变更。
  • react-inspector - 将浏览器开发者工具的强大功能直接集成到您的 React 应用中。
  • reactotron - 一个用于检查您的 React JS 和 React Native 应用的 CLI 和 OS X 应用程序。
  • Tail Lens - 浏览器中的 Tailwind 编辑器：检查、编辑、预览、复制。

杂项

杂项

  • DataFormsJS JSX Loader - 小型 JavaScript 编译器，用于快速将 JSX 直接转换为 JS 在网页上。
  • html-to-react-components - 将带注释的 HTML 部分提取为独立的 React 组件模块。
  • htmltojsx - 使用 React 的强大功能自动 AJAX 化普通 HTML。它很神奇！
  • jsonx - React JSON 语法。
  • mozaik - Mozaïk 是一个基于 nodejs / react / d3 / stylus 的工具，可以轻松制作美观的仪表板。
  • react-blessed - blessed 的 react 渲染器。
  • jsondiffpatch-react - JSON 差异比较。
  • iron-session - 安全、无状态、基于 cookie 的会话库。

静态网站生成器

  • gatsby - 使用 React.js 将纯文本转换为动态博客和网站。

云解决方案

数据库

  • BCMS - 基于 API 的开源、可自托管的 Gatsby、Nuxt 和 Next 的内容管理系统。
  • crisp-bigquery - 使用 TypeScript 的完整栈 Google BigQuery。
  • react-server-routing-example - 使用 AWS DynamoDB 的通用客户端/服务器路由和数据。
回复 点赞 举报
😀 😊 😵‍💫 😡 🤝 🙏 👍 👎 ❤️