Reactotron für MAC
Kostenloser Open-Source-Desktop-Debugger für React- und React-Native-Apps: Zustand, API-Anfragen, Logs, Fehler und Leistung auf dem Mac prüfen.
Reactotron im Überblick
Reactotron ist eine kostenlose Open-Source-Desktop-App zum Debuggen von React- und React-Native-Anwendungen. Sie bietet ein einfach zu bedienendes Fenster, in dem du den Zustand deiner App, Netzwerkanfragen und die Leistung beobachtest, und eignet sich für Projekte jeder Größe, von kleinen privaten Apps bis zu großen Unternehmensanwendungen. Du fügst sie deinem Projekt als Entwicklungsabhängigkeit hinzu, sodass deine Produktions-Builds nichts davon enthalten. Anleitungen zur Einrichtung für React und React Native stehen in der offiziellen Dokumentation.
Reactotron stammt von Infinite Red, das Unternehmen nutzt es täglich für die Entwicklung von Kunden-Apps, und es steht unter der MIT-Lizenz. Für den Mac gibt es getrennte Downloads für Apple Silicon und Intel, und die Apple-Silicon-App nennt macOS 10.15 oder neuer als Mindestversion. Version 3.11.0 ergänzt den MCP-Server der App, die in Version 3.9.0 hinzugekommene Verbindung für die Integration mit Claude Code, um das Filtern sensibler Daten. Plugins decken Redux, MobX-State-Tree, Async Storage, MMKV, Netzwerk und mehr ab. Reactotron ist ein Werkzeug für Entwickler und braucht ein React- oder React-Native-Projekt, mit dem es sich verbindet.
Die wichtigsten Funktionen
Reactotron zeigt, was deine React- oder React-Native-App tut, während du sie entwickelst.
- App-Zustand: den Zustand ansehen und die wichtigen Teile abonnieren.
- API-Überwachung: API-Anfragen und -Antworten einsehen.
- Protokollierung: Meldungen ähnlich wie console.log anzeigen.
- Fehlerverfolgung: globale Fehler mit Stacktraces, die auf den Quellcode abgebildet sind.
- Benchmarks: schnelle Leistungsmessungen durchführen.
- Zustandskontrolle: Aktionen auslösen und den Zustand mit Redux oder MobX-State-Tree im laufenden Betrieb tauschen.
- React-Native-Werkzeuge: Bildüberlagerung und Verfolgung von Async Storage.
- Eigene Befehle: der App eigene Befehle hinzufügen.
Neu in Version 3.11.0
Reactotron 3.11.0 bringt eine neue Funktion.
- Filtern sensibler Daten im MCP-Server
Häufige Fragen zu Reactotron
Ist Reactotron kostenlos?
Ja. Reactotron ist kostenlos und Open Source unter der MIT-Lizenz.
Wofür wird Reactotron verwendet?
Damit debuggst du React- und React-Native-Apps, indem du ihren Zustand, ihre Netzwerkanfragen und ihre Leistung beobachtest.
Beeinflusst Reactotron Produktions-Builds?
Nein. Du fügst es als Entwicklungsabhängigkeit hinzu, sodass deine Produktions-Builds nichts davon enthalten.
Welche macOS-Version benötigt Reactotron?
Die Apple-Silicon-App der Version 3.11.0 nennt macOS 10.15 oder neuer als Mindestversion.
Läuft Reactotron auf Apple Silicon?
Ja. Es gibt getrennte Downloads für Macs mit Apple Silicon und Intel.
Mit welchen Zustandsbibliotheken arbeitet Reactotron?
Es hat Plugins für Redux und MobX-State-Tree und kann den Zustand mit beiden im laufenden Betrieb tauschen.
Kann Reactotron Fehler verfolgen?
Ja. Es verfolgt globale Fehler mit auf den Quellcode abgebildeten Stacktraces, einschließlich Saga-Stacktraces.
Was ist neu in Reactotron 3.11.0?
Es ergänzt das Filtern sensibler Daten im MCP-Server.
Kann ich Reactotron mit Homebrew installieren?
Ja, mit brew install --cask reactotron.
Woher stammt der Reactotron-Download auf reactotron.FULLMAC.app?
Der Download-Button führt zur offiziellen Reactotron-Release-Seite auf GitHub: https://github.com/infinitered/reactotron/releases. reactotron.FULLMAC.app verändert die App nicht und packt sie nicht neu.
Ähnliche Apps
OrbStackOrbStack ist ein schneller, schlanker und einfacher Weg, Docker-Container und Linux-Maschinen auf deinem Mac zu betreiben. Es ist ein direkter Ersatz für Docker Desktop: Deine docker- und docker-compose-Befehle funktionieren weiter, und beim ersten Start bietet OrbStack an, deine Container, Images und Volumes aus Docker Desktop zu übernehmen. Es startet in Sekunden, braucht auf Apple Silicon weniger als 0,1 % CPU im Hintergrund und gibt ungenutzten Speicher an macOS zurück. Neben Containern betreibt es vollständige Linux-Maschinen aus 16 Distributionen und einen schlanken Kubernetes-Cluster für die lokale Entwicklung. OrbStack stammt von Orbital Labs.Entwicklertools
QuotaBarWenn du OpenAI Codex mit einem ChatGPT-Konto nutzt, werden die Nutzungslimits in einem 5-Stunden- und einem Wochenfenster zurückgesetzt, und um zu sehen, wie viel übrig ist, musst du Codex oder ChatGPT öffnen. QuotaBar zeigt den verbleibenden Prozentsatz in der Mac-Menüleiste und aktualisiert ihn alle 60 Sekunden. Ein Klick auf das Symbol öffnet eine Detailansicht mit jedem Limitfenster und seinem Countdown, oder du schaltest ein kleines schwebendes HUD ein, das über anderen Fenstern bleibt.Entwicklertools
Stargazer BarStargazer Bar ist eine kleine native Menüleisten-App für den Mac, die GitHub-Repositorys für dich im Blick behält. Sie zeigt eine Live-Sternezahl in der Menüleiste, sodass du ohne offenen Browser-Tab siehst, wie es um ein Projekt steht, und ein Klick öffnet ein Menü mit den Details: Trenddiagramme für Sterne und Forks, Download-Summen der Releases und ein Maintainer-Radar. Öffentliche Repositorys werden an ihren Sternen gemessen. Private Repositorys, die keine Sterne haben, werden daran gemessen, was deine Aufmerksamkeit braucht: ein fehlgeschlagener Build, ein unbeantwortetes Issue oder ein neuer Pull Request.Entwicklertools
Notch So GoodNotch So Good macht die Notch deines MacBook zu einer kleinen Statusanzeige für KI-Programmieragenten. Während Claude Code oder die OpenAI Codex CLI arbeitet, verlängert eine schwarze Pille die Notch: links sitzt Peek, eine 3D-Figur, rechts zeigt ein Ring, wie viel von deinem 5-Stunden-Nutzungsfenster übrig ist. Je mehr eine Sitzung dich braucht, desto weiter klettert Peek heraus. Wenn eine Aufgabe fertig ist, scheitert oder an ein Nutzungslimit stößt, öffnet sich die Notch zu einer Karte, die sagt, was passiert ist und in welchem Projekt, und ein Klick springt zum genauen Terminal-Tab, tmux-Bereich inklusive.Entwicklertools
Claude UsageClaude Usage ist eine kleine native App für alle, die Claude Code nutzen. In der Menüleiste zeigt sie deine aktuelle Fünf-Stunden-Sitzung, deine Wochennutzung für alle Modelle und für Sonnet sowie dein nutzungsbasiertes Guthaben, jeweils mit Balken und Zeitpunkt des Zurücksetzens, ohne dass du Claude Code öffnen musst. Außerdem fügt sie unter deinem Claude-Code-Prompt eine Zeile mit dem Modell, dem Füllstand des Kontextfensters und den verbrauchten Tokens hinzu, damit du eine Sitzung kompaktieren kannst, bevor der Platz ausgeht. Jeder Terminalbereich zeigt seine eigene Zeile, auch in tmux.Entwicklertools
TintpadTintpad ist ein kostenloser Open-Source-Launcher für Entwickler, die mit Kommandozeilen-Coding-Agenten wie Claude Code und Codex arbeiten. Drücke irgendwo Wahl-Befehl-Leertaste, und ein schwarzer Tropfen fällt aus der Notch deines Mac – oder hängt bei Macs ohne Notch unter der Menüleiste – mit deinen Repositories darin. Tippe ein paar Buchstaben, drücke Return, und dein eigenes Terminal öffnet sich in diesem Repository mit dem bereits laufenden Agenten, im Modus, den du dort zuletzt benutzt hast.Entwicklertools
FULLMAC.app hostet diese App nicht. Die Download-Buttons führen zu den Seiten des Entwicklers.