Reactotron 简介
Reactotron 是一款免费开源的桌面应用,用于调试 React 和 React Native 应用。它提供易用的窗口来监控应用的状态、网络请求和性能,适合从小型个人应用到大型企业应用的各种规模项目。它作为开发依赖添加到项目中,因此不会给生产构建增加任何内容。React 和 React Native 的设置指南可在官方文档中找到。
Reactotron 由 Infinite Red 开发,该公司每天都用它来开发客户应用,并以 MIT 许可证发布。Mac 版为 Apple Silicon 和 Intel 分别提供下载,Apple Silicon 版应用标明的最低要求是 macOS 10.15 或更高版本。3.11.0 版为应用的 MCP 服务器增加了敏感数据过滤;MCP 服务器是 3.9.0 版为集成 Claude Code 而加入的连接功能。插件涵盖 Redux、MobX-State-Tree、Async Storage、MMKV、网络等。Reactotron 是面向开发者的工具,需要连接 React 或 React Native 项目才能使用。
主要功能
Reactotron 在开发过程中显示 React 或 React Native 应用的运行情况。
- 应用状态:查看状态并订阅你关心的部分。
- API 监控:查看 API 请求和响应。
- 日志:显示类似 console.log 的消息。
- 错误跟踪:带源码映射堆栈的全局错误跟踪。
- 性能测试:快速运行性能基准测试。
- 状态控制:派发操作,并通过 Redux 或 MobX-State-Tree 热替换状态。
- React Native 工具:图片叠加和 Async Storage 跟踪。
- 自定义命令:向应用添加你自己的命令。
3.11.0 版本新功能
Reactotron 3.11.0 新增一项功能。
- MCP 服务器中的敏感数据过滤
Reactotron 常见问题
Reactotron 免费吗?
是的。Reactotron 免费且开源,采用 MIT 许可证。
Reactotron 有什么用?
它通过监控状态、网络请求和性能来调试 React 和 React Native 应用。
Reactotron 会影响生产构建吗?
不会。它作为开发依赖添加,不会给生产构建增加任何内容。
Reactotron 需要哪个版本的 macOS?
3.11.0 版的 Apple Silicon 应用标明的最低要求是 macOS 10.15 或更高版本。
Reactotron 能在 Apple Silicon 上运行吗?
可以。Apple Silicon 和 Intel Mac 分别有各自的下载。
Reactotron 支持哪些状态库?
它提供 Redux 和 MobX-State-Tree 插件,两者都可以热替换状态。
Reactotron 能跟踪错误吗?
可以。它能跟踪带源码映射堆栈的全局错误,包括 saga 堆栈。
Reactotron 3.11.0 有什么新内容?
它在 MCP 服务器中增加了敏感数据过滤。
可以用 Homebrew 安装 Reactotron 吗?
可以,使用 brew install --cask reactotron。
reactotron.FULLMAC.app 上的 Reactotron 下载来自哪里?
下载按钮会跳转到 GitHub 上的 Reactotron 官方发布页面:https://github.com/infinitered/reactotron/releases。reactotron.FULLMAC.app 不会修改或重新打包该应用。
相似应用
OrbStackOrbStack 是在 Mac 上运行 Docker 容器和 Linux 虚拟机的快速、轻量又简单的方式。它可以直接替代 Docker Desktop:你的 docker 和 docker compose 命令照常可用,首次启动时 OrbStack 还会提出迁移 Docker Desktop 中的容器、镜像和卷。它几秒钟即可启动,在 Apple 芯片上的后台 CPU 占用低于 0.1%,并会把未使用的内存还给 macOS。除了容器,它还能运行来自 16 种发行版的完整 Linux 虚拟机,以及用于本地开发的轻量 Kubernetes 集群。OrbStack 由 Orbital Labs 开发。开发工具
QuotaBar如果你用 ChatGPT 账户使用 OpenAI Codex,用量限制会按 5 小时窗口和每周窗口重置,想知道还剩多少就得打开 Codex 或 ChatGPT。QuotaBar 把剩余百分比显示在 Mac 菜单栏中,每 60 秒刷新一次。点击图标可打开详细面板,查看每个限制窗口及其重置倒计时;也可以打开一个始终置顶的小型悬浮 HUD。开发工具
Stargazer BarStargazer Bar 是一款小巧的 Mac 原生菜单栏应用,帮你盯着 GitHub 仓库。它在菜单栏中实时显示星标数,不用一直开着浏览器标签页也能知道项目的情况;点击即可打开详情菜单:星标与 Fork 趋势图、发布版下载总数以及维护者雷达。公开仓库以星标数衡量。私有仓库没有星标,则以需要你处理的事项衡量:构建失败、未回复的 Issue 或新的拉取请求。开发工具
Notch So GoodNotch So Good 把 MacBook 的刘海变成 AI 编程代理的小型状态显示屏。当 Claude Code 或 OpenAI Codex CLI 工作时,一个黑色胶囊会延伸刘海:左边是名为 Peek 的 3D 角色,右边的圆环显示 5 小时用量窗口还剩多少。会话越需要你,Peek 就从刘海里探出得越多。当任务完成、失败或达到用量上限时,刘海会展开成一张卡片,说明发生了什么、在哪个项目里,点击即可跳到对应的终端标签页,包括 tmux 窗格。开发工具
Claude UsageClaude Usage 是一款为 Claude Code 用户打造的小巧原生应用。它在菜单栏中显示当前的 5 小时会话、所有模型和 Sonnet 的每周用量,以及按量付费的额度,每项都带有用量条和重置时间,无需打开 Claude Code。它还会在 Claude Code 提示符下方添加一行,显示模型、上下文窗口的占用比例和已用令牌数,让你在空间耗尽之前压缩会话。每个终端窗格都显示自己的这一行,在 tmux 中也一样。开发工具
TintpadTintpad 是一款免费开源的启动器,面向使用 Claude Code、Codex 等命令行编程代理的开发者。在任意位置按下 Option-Command-空格,一滴黑色的“水滴”会从 Mac 的刘海处落下(没有刘海的 Mac 则悬挂在菜单栏下方),里面列出你的代码仓库。输入几个字母并按下 Return,你自己的终端就会在该仓库中打开,代理已按你上次在那里使用的模式运行。开发工具
FULLMAC.app 不托管此应用。下载按钮会将你带到开发者自己的页面。