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. Он даёт наглядный интерфейс, чтобы следить за состоянием приложения, сетевыми запросами и производительностью в проектах любого размера.
Это десктопное приложение или библиотека, которую я добавляю в свой код?И то и другое — две половинки одного инструмента: десктопное приложение плюс клиентская библиотека, которую вы подключаете к проекту как dev-зависимость. Библиотека передаёт состояние и активность вашего приложения в десктопную программу, а продакшен-сборки остаются нетронутыми.
Как его запустить?Скачайте установщик reactotron-app со страницы GitHub Releases, затем следуйте инструкции по настройке 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) экшены прямо из приложения и «на лету» подменять состояние приложения через Redux или mobx-state-tree. Пользователям redux-saga ещё и доступны стек-трейсы саг при ошибках.
Кто его делает и правда ли он бесплатный?Поддержкой занимается Infinite Red вместе с более чем 70 контрибьюторами. Лицензия MIT, и, как сказано в README, им можно пользоваться бесплатно — и так будет всегда: компания отдельно продаёт платные услуги разработки на React и React Native.
Size
57.9 MB
Stars
15.6K
Age
10y
Commits · 90 Days