Reduxの状態を調査できるブラウザー拡張機能とReactコンポーネント。アクションの再生やホットリロードにも対応。
infinitered/reactotron
React と React Native アプリの状態、ネットワークリクエスト、ログ、エラーを確認できるデスクトップデバッガー。
- スター
- 15,593
- フォーク
- 970
- 未解決の Issue
- 155
- 最終コミット
- 2 か月前
これは何?
Reactotron は、React と React Native アプリケーション向けのデスクトップデバッガーです。アプリケーションの状態、API リクエストとレスポンス、パフォーマンスベンチマーク、グローバルエラーを監視でき、Redux-Saga のスタックトレースを含む、ソースマップ対応のスタックトレースも確認できます。
macOS、Linux、Windows で動作し、dev dependency を通じてプロジェクトに接続するため、本番ビルドには何も追加されません。組み込みプラグインでは、Redux、MST、apisauce 経由のネットワーク通信、Async Storage、MMKV、React Native の画像オーバーレイに対応しています。また、アクションのディスパッチ、状態パスの購読、状態のホットスワップ、コンソール形式のメッセージ表示も可能です。
Reactotron は Infinite Red が開発し、MIT ライセンスで公開されています。
主な機能
- 01アプリケーションの状態を調べ、特定の状態パスを購読する。
- 02apisauce との連携を含め、API リクエストとレスポンスを監視する。
- 03Saga のトレースを含む、ソースマップ対応のスタックトレースでグローバルエラーを追跡する。
- 04手軽にパフォーマンスベンチマークを実行する。
- 05Redux または mobx-state-tree のアクションをディスパッチし、状態をホットスワップする。
- 06React Native の Async Storage と MMKV を追跡する。
ユースケース
- React のWebアプリで、Redux の状態変更やアクションをデバッグする。
- React Native アプリのネットワーク通信とレスポンスを調べる。
- 読みやすいスタックトレースを使って、未処理エラーや Saga の失敗を特定する。
- モバイルアプリの開発中に Async Storage の内容を監視する。
クイックスタート
- 1
GitHub Releases ページから、お使いのプラットフォーム向けの reactotron-app デスクトップ版をダウンロードします
- 2
React Native のセットアップガイドに従って、アプリに Reactotron クライアントを追加します
使う前に知っておきたいこと
- README にはクライアントライブラリのインストールコマンドが記載されていません。セットアップはリンク先のドキュメントに従って行います。
- デスクトップアプリはパッケージマネージャーではなく、Releases からダウンロード可能なバイナリとして配布されています。
トピック
よくある質問
- reactotron とは?
- React と React Native アプリの状態、ネットワークリクエスト、ログ、エラーを確認できるデスクトップデバッガー。 Reactotron は、React と React Native アプリケーション向けのデスクトップデバッガーです。アプリケーションの状態、API リクエストとレスポンス、パフォーマンスベンチマーク、グローバルエラーを監視でき、Redux-Saga のスタックトレースを含む、ソースマップ対応のスタックトレースも確認できます。
- reactotron は無料で使えますか?ライセンスは?
- reactotron は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
- reactotron は今もメンテナンスされていますか?
- 半年以内に更新あり。reactotron の最終コミットは 2026年8月13日 です。
- reactotron は何に使えますか?
- React のWebアプリで、Redux の状態変更やアクションをデバッグする。 React Native アプリのネットワーク通信とレスポンスを調べる。 読みやすいスタックトレースを使って、未処理エラーや Saga の失敗を特定する。 モバイルアプリの開発中に Async Storage の内容を監視する。
- reactotron のインストール方法は?
- GitHub Releases ページから、お使いのプラットフォーム向けの reactotron-app デスクトップ版をダウンロードします React Native のセットアップガイドに従って、アプリに Reactotron クライアントを追加します
- reactotron はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/infinitered/reactotron
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
Provider不要の、React向け小型フックベースの状態管理ライブラリ。
アプリの起動時にストアの状態をストレージから復元する、Reduxのミドルウェア風ライブラリです。
Reactなどのビューライブラリと併用できる、予測可能で保守しやすいグローバル状態管理のためのJavaScriptライブラリ。
React、Router、Redux、テスト、React Nativeを扱う、回答付きのReactJS面接質問集。
WebやReact Native向けに、状態管理とバリデーションを備えた高パフォーマンスなフォームを構築するReact Hooksライブラリ。