Расширение для браузера и компонент React для анализа состояния Redux, повторного воспроизведения действий и горячей перезагрузки.
infinitered/reactotron
Десктопный отладчик для React и React Native: позволяет изучать состояние приложений, сетевые запросы, логи и ошибки.
- Звёзды
- 15,593
- Форки
- 970
- Открытые issues
- 155
- Последний коммит
- 2 месяца назад
Что это?
Reactotron — десктопный отладчик для приложений на React и React Native. Он позволяет разработчикам отслеживать состояние приложения, запросы и ответы API, замерять производительность и находить глобальные ошибки по stack trace с привязкой к исходному коду, в том числе в Redux-Saga.
Приложение работает на macOS, Linux и Windows и подключается к проекту как dev dependency, поэтому не попадает в production-сборки. Встроенные плагины поддерживают Redux, MST, сетевые запросы через apisauce, Async Storage, MMKV и наложение изображений в React Native. Reactotron также умеет отправлять actions, подписываться на пути в состоянии, менять состояние на лету и отображать сообщения в стиле консоли.
Reactotron разрабатывает Infinite Red. Проект распространяется по лицензии MIT.
Ключевые возможности
- 01Изучайте состояние приложения и подписывайтесь на отдельные пути в нём.
- 02Отслеживайте запросы и ответы API, в том числе с интеграцией apisauce.
- 03Находите глобальные ошибки по stack trace с привязкой к исходному коду, включая трассировки saga.
- 04Быстро измеряйте производительность.
- 05Отправляйте actions и меняйте состояние на лету в Redux или mobx-state-tree.
- 06Отслеживайте Async Storage и MMKV в React Native.
Сценарии использования
- Отладка изменений состояния и actions в Redux-приложении на React.
- Изучение сетевого трафика и ответов в приложении на React Native.
- Поиск необработанных ошибок и сбоев в saga по понятным stack trace.
- Мониторинг содержимого Async Storage при разработке мобильного приложения.
Быстрый старт
- 1
Скачайте версию reactotron-app для компьютера, подходящую для вашей платформы, со страницы GitHub Releases
- 2
Следуйте руководству по настройке React Native, чтобы добавить клиент Reactotron в приложение
Что важно знать
- В README нет команды для установки клиентской библиотеки; настройка выполняется по ссылке на документацию.
- Десктопное приложение распространяется в виде бинарных файлов для скачивания из Releases, а не через менеджер пакетов.
Темы
Частые вопросы
- Что такое reactotron?
- Десктопный отладчик для React и React Native: позволяет изучать состояние приложений, сетевые запросы, логи и ошибки. Reactotron — десктопный отладчик для приложений на React и React Native. Он позволяет разработчикам отслеживать состояние приложения, запросы и ответы API, замерять производительность и находить глобальные ошибки по stack trace с привязкой к исходному коду, в том числе в Redux-Saga.
- reactotron можно использовать бесплатно? Какая у него лицензия?
- reactotron распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- reactotron всё ещё поддерживается?
- Обновлялся за последние 6 месяцев. Последний коммит в reactotron — 13 авг. 2026 г..
- Для чего можно использовать reactotron?
- Отладка изменений состояния и actions в Redux-приложении на React. Изучение сетевого трафика и ответов в приложении на React Native. Поиск необработанных ошибок и сбоев в saga по понятным stack trace. Мониторинг содержимого Async Storage при разработке мобильного приложения.
- Как установить reactotron?
- Скачайте версию reactotron-app для компьютера, подходящую для вашей платформы, со страницы GitHub Releases Следуйте руководству по настройке React Native, чтобы добавить клиент Reactotron в приложение
- Где скачать reactotron?
- Исходный код и инструкции по установке — на GitHub: https://github.com/infinitered/reactotron
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Небольшая библиотека управления состоянием для React на основе хуков, которой не нужны провайдеры.
Библиотека в стиле Redux middleware, которая сохраняет состояние store в хранилище и восстанавливает его при запуске приложения.
JavaScript-библиотека для предсказуемого и удобного в поддержке управления глобальным состоянием в React и других библиотеках представления.
Подборка вопросов и ответов для собеседований по ReactJS, охватывающая React, Router, Redux, тестирование и React Native.
Библиотека React hooks для создания производительных форм с управлением состоянием и валидацией в веб-приложениях и React Native.