reactotron README

The project's README from github.com/infinitered/reactotron. As one markdown file: README.md.

Reactotron Logo

Join our Community Slack

Introduction

Reactotron is a powerful debugger for React and React Native applications. It provides an easy-to-use interface for developers to monitor their application's state, network requests, and performance metrics and can be used for any size of project, from small personal apps to large-scale enterprise applications. The OG debugger at Infinite Red that we use on a day-to-day basis to build client apps. Additionally, Reactotron is completely open source and free to use, making it an invaluable tool for developers at all levels of experience.

We recommend that you watch Darin Wilson's talk at Chain React: Chain React 2018: Debugging and Beyond with Reactotron!

Reactotron Superpowers

Use Reactotron to:

You plug it into your app as a dev dependency so it adds nothing to your production builds.

Desktop

Reactotron on the left, demo React Native app on the right.

Desktop

Installation

On the Releases page, navigate to the latest reactotron-app release to find the newest version of:

How to setup Reactotron in our app

How to use Reactotron's features/plugins

Tips and Tricks

Some tips that will elevate your Reactotron experience.

Bug Reports

When reporting problems with Reactotron, use the provided example app located in app/example-app to replicate the issue. This approach enables us to isolate and expedite the resolution of the problem.

Want to contribute? Here are some helpful reading materials

Troubleshooting

Credits

Reactotron is developed by Infinite Red, @rmevans9, and 70+ amazing contributors! Special thanks to @skellock for originally creating Reactotron while at Infinite Red.

Premium Support

Reactotron, as an open source project, is free to use and always will be. Infinite Red offers premium React and React Native mobile app design/development services. Email us at [email protected] to get in touch for more details.

reactotron (infinitered/reactotron)

Searching Database…

这是干什么的?Reactotron 是一款免费开源的桌面调试工具,适用于 React JS 和 React Native 应用。它提供可视化界面,让你监控应用状态、网络请求和性能,无论项目规模大小都能用。
它是桌面应用,还是我加到代码里的库?两者兼备,是同一个工具的两部分:一个是桌面应用,另一个是以开发依赖方式接入你项目的客户端库。这个库会把应用的状态和活动实时传送到桌面应用,而生产构建完全不受影响。
怎么把它跑起来?从 GitHub Releases 页面下载 reactotron-app 安装包,然后按照 React 或 React Native 设置指南,把对应的客户端库接入你的应用。
React 和 React Native 的功能都一样吗?不一样——有几项集成只支持 React Native:图片叠加层、Async Storage 跟踪、MMKV 支持和 Storybook 切换。核心的状态、网络和基准测试工具两边都能用。
它是给大型生产项目用的,还是只能玩玩小实验?项目规模不限——README 里的例子从小型个人应用到大型企业级应用都有,Infinite Red 自己也在日常的客户项目中使用它。
桌面应用支持哪些平台?支持 macOS(x64 和 arm64/Apple Silicon)、Linux(32 位和 64 位)以及 Windows(32 位和 64 位)。
连接上之后我具体能做些什么?查看并订阅应用状态、检查 API 请求和响应、快速跑性能基准测试、显示类似 console.log 风格的消息,以及通过带源码映射的堆栈跟踪来追踪全局错误。
它和 Redux 配合得好吗?很好——它有 Redux 插件,你可以直接在应用里 dispatch action,还能用 Redux 或 mobx-state-tree 热替换应用状态。用 redux-saga 的用户在出错时还能看到 saga 堆栈跟踪。
是谁开发的?真的免费吗?由 Infinite Red 维护,有 70 多位贡献者。它采用 MIT 许可证,按 README 的说法可以免费使用,而且永远免费——该公司另行出售付费的 React 和 React Native 开发服务。
Size
57.9 MB
Stars
15.6K
Age
10y
Commits · 90 Days