Repolode
infinitered

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. 1

    GitHub Releases ページから、お使いのプラットフォーム向けの reactotron-app デスクトップ版をダウンロードします

  2. 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 の数値は毎日更新されます。

関連プロジェクト