React Native Debugger für MAC
Kostenlose Open-Source-App zum Debuggen von React-Native-Apps, mit React Inspector, Redux DevTools und Apollo Client DevTools. Nur für den Remote Debugger.
React Native Debugger im Überblick
React Native Debugger ist eine eigenständige, kostenlose Open-Source-App zum Debuggen von React-Native-Apps. Sie basiert auf dem offiziellen Remote Debugger, bietet mehr Funktionen und vereint React Inspector, Redux DevTools und Apollo Client DevTools in einem Fenster. Öffne dazu die App, stelle sicher, dass andere Debugger-Clients geschlossen sind, und aktiviere Debug JS Remotely im Entwicklermenü deiner App.
React Native Debugger stammt von Jhen-Jie Hong und steht unter der MIT-Lizenz. Es gibt eine wichtige Einschränkung: Die App unterstützt nur den alten Remote Debugger, nicht Hermes, JSI oder die New Architecture, und auf Version 0.14.0 ist keine neuere Version gefolgt. Prüfe also zuerst, ob sie zu deinem Projekt passt. Versionen ab 0.11 benötigen react-native 0.62 oder neuer. Version 0.14.0 ist eine universelle App für Intel und Apple Silicon, benötigt macOS 10.13 oder neuer und basiert auf Electron 25.
Die wichtigsten Funktionen
React Native Debugger vereint die wichtigsten Debugging-Werkzeuge für React Native in einer App.
- Remote-Debugging: basiert auf dem offiziellen Remote Debugger, mit mehr Funktionen.
- React Inspector: enthalten aus react-devtools-core.
- Redux DevTools: enthalten, mit derselben API wie redux-devtools-extension.
- Apollo Client DevTools: als DevTools-Erweiterung enthalten.
- Netzwerkanalyse: Netzwerkverkehr mit den Chrome Developer Tools untersuchen.
- Debugger-Fenster: mit Command+T ein neues Fenster öffnen und den gewünschten Port festlegen.
- Start per URI: über die Kommandozeile mit dem Schema rndebugger: starten.
- Konfigurationsdatei: Einstellungen in einer Datei im Benutzerordner ablegen.
Neu in Version 0.14.0
React Native Debugger 0.14.0 aktualisiert seine Kernkomponenten und verbessert Formulare.
- Die Eingabetaste funktioniert jetzt in Formularen
- Aktualisierung auf Electron 25
- react-devtools-core auf 4.28.0 aktualisiert, eine Source-Map-Warnung behoben
- redux-devtools auf die neueste Version aktualisiert
- apollo-client-devtools auf Version 4 aktualisiert
- Keine Host-Prüfung mehr für Open in Editor
Häufige Fragen zu React Native Debugger
Ist React Native Debugger kostenlos?
Ja. Die App ist kostenlos und Open Source unter der MIT-Lizenz.
Unterstützt React Native Debugger Hermes oder die New Architecture?
Nein. Unterstützt wird nur der alte Remote Debugger. Unterstützung für Hermes, JSI und die New Architecture ist in Version 0.14.0 nicht enthalten.
Welche React-Native-Version wird benötigt?
React Native Debugger ab 0.11 benötigt react-native 0.62 oder neuer. Für ältere Projekte funktioniert Version 0.10 mit react-native 0.61 und älter.
Welche macOS-Version wird benötigt?
Version 0.14.0 benötigt macOS 10.13 oder neuer.
Läuft die App auf Apple Silicon?
Ja. Der Mac-Download ist eine universelle App für Apple Silicon und Intel.
Wie verbinde ich meine App?
Schließe andere Debugger-Clients, öffne React Native Debugger und aktiviere Debug JS Remotely im Entwicklermenü deiner App.
Welchen Port verwendet die App?
Standardmäßig verbindet sie sich auf Port 8081 mit dem Debugger-Proxy. Öffne mit Command+T ein neues Fenster, um einen anderen Port festzulegen.
Welche Werkzeuge sind enthalten?
React Inspector, Redux DevTools und Apollo Client DevTools sind enthalten.
Kann ich die App mit Homebrew installieren?
Ja. Führe aus: brew install --cask react-native-debugger
Woher stammt der React-Native-Debugger-Download auf react-native-debugger.FULLMAC.app?
Der Download-Button führt zur offiziellen Release-Seite von React Native Debugger unter https://github.com/jhen0409/react-native-debugger/releases/latest. react-native-debugger.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.