Reactotron pour MAC
Débogueur de bureau gratuit et open source pour apps React et React Native : inspectez état, requêtes API, journaux, erreurs et performances sur Mac.
Présentation de Reactotron
Reactotron est une app de bureau gratuite et open source pour déboguer les applications React et React Native. Elle offre une fenêtre simple pour surveiller l’état de votre app, les requêtes réseau et les performances, et convient aux projets de toute taille, des petites apps personnelles aux grandes applications d’entreprise. Vous l’ajoutez à votre projet comme dépendance de développement : elle n’ajoute donc rien à vos builds de production. Les guides de configuration pour React et React Native se trouvent dans la documentation officielle.
Reactotron est créé par Infinite Red, qui l’utilise chaque jour pour développer des apps pour ses clients, et il est publié sous licence MIT. La version Mac propose des téléchargements séparés pour Apple Silicon et Intel, et l’app Apple Silicon indique macOS 10.15 ou ultérieur comme minimum. La version 3.11.0 ajoute le filtrage des données sensibles au serveur MCP de l’app, la connexion ajoutée dans la version 3.9.0 pour l’intégration avec Claude Code. Les extensions couvrent Redux, MobX-State-Tree, Async Storage, MMKV, le réseau et plus encore. Reactotron est un outil pour développeurs et a besoin d’un projet React ou React Native auquel se connecter.
Fonctionnalités principales
Reactotron montre ce que fait votre app React ou React Native pendant que vous la développez.
- État de l’app : consultez l’état et abonnez-vous aux parties qui vous intéressent.
- Surveillance des API : voyez les requêtes et les réponses API.
- Journalisation : affichez des messages semblables à console.log.
- Suivi des erreurs : erreurs globales avec traces de pile associées au code source.
- Benchmarks : lancez des mesures rapides de performances.
- Contrôle de l’état : envoyez des actions et remplacez l’état à chaud avec Redux ou MobX-State-Tree.
- Outils React Native : superposition d’images et suivi d’Async Storage.
- Commandes personnalisées : ajoutez vos propres commandes à l’app.
Nouveautés de la version 3.11.0
Reactotron 3.11.0 ajoute une nouvelle fonction.
- Filtrage des données sensibles dans le serveur MCP
Questions fréquentes sur Reactotron
Reactotron est-il gratuit ?
Oui. Reactotron est gratuit et open source sous licence MIT.
À quoi sert Reactotron ?
Il sert à déboguer les apps React et React Native en surveillant leur état, leurs requêtes réseau et leurs performances.
Reactotron a-t-il un effet sur les builds de production ?
Non. Vous l’ajoutez comme dépendance de développement : il n’ajoute donc rien à vos builds de production.
Quelle version de macOS faut-il pour Reactotron ?
L’app Apple Silicon de la version 3.11.0 indique macOS 10.15 ou ultérieur comme minimum.
Reactotron fonctionne-t-il sur Apple Silicon ?
Oui. Il existe des téléchargements séparés pour les Mac Apple Silicon et Intel.
Avec quelles bibliothèques d’état Reactotron fonctionne-t-il ?
Il a des extensions pour Redux et MobX-State-Tree, et peut remplacer l’état à chaud avec les deux.
Reactotron peut-il suivre les erreurs ?
Oui. Il suit les erreurs globales avec des traces de pile associées au code source, y compris les traces de saga.
Quoi de neuf dans Reactotron 3.11.0 ?
Il ajoute le filtrage des données sensibles dans le serveur MCP.
Puis-je installer Reactotron avec Homebrew ?
Oui, avec brew install --cask reactotron.
D’où vient le téléchargement de Reactotron sur reactotron.FULLMAC.app ?
Le bouton de téléchargement mène à la page officielle des versions de Reactotron sur GitHub : https://github.com/infinitered/reactotron/releases. reactotron.FULLMAC.app ne modifie pas l’app et ne la réempaquette pas.
Apps similaires
OrbStackOrbStack est une façon rapide, légère et simple de faire tourner des conteneurs Docker et des machines Linux sur votre Mac. C'est un remplacement direct de Docker Desktop : vos commandes docker et docker compose continuent de fonctionner, et au premier lancement OrbStack propose de reprendre vos conteneurs, images et volumes de Docker Desktop. Il démarre en quelques secondes, utilise moins de 0,1 % de CPU en arrière-plan sur Apple Silicon et rend à macOS la mémoire inutilisée. En plus des conteneurs, il fait tourner des machines Linux complètes issues de 16 distributions et un cluster Kubernetes léger pour le développement local. OrbStack est développé par Orbital Labs.Outils de développement
QuotaBarSi vous utilisez OpenAI Codex avec un compte ChatGPT, les limites d’utilisation se réinitialisent sur une fenêtre de 5 heures et une fenêtre hebdomadaire, et pour savoir ce qu’il vous reste, il faut ouvrir Codex ou ChatGPT. QuotaBar affiche le pourcentage restant dans la barre des menus du Mac et l’actualise toutes les 60 secondes. Cliquez sur l’icône pour un panneau détaillé avec chaque fenêtre de limite et son décompte, ou activez un petit HUD flottant qui reste au-dessus des autres fenêtres.Outils de développement
Stargazer BarStargazer Bar est une petite app native de barre des menus pour Mac qui surveille des dépôts GitHub pour vous. Elle affiche un compteur d’étoiles en direct dans la barre des menus, pour voir comment se porte un projet sans garder un onglet de navigateur ouvert, et un clic ouvre un menu avec les détails : courbes d’évolution des étoiles et des forks, totaux de téléchargements des versions et un radar de maintenance. Les dépôts publics se mesurent à leurs étoiles. Les dépôts privés, qui n’en ont pas, se mesurent à ce qui demande votre attention : un build en échec, une issue sans réponse ou une nouvelle pull request.Outils de développement
Notch So GoodNotch So Good transforme l’encoche de votre MacBook en petit écran d’état pour les agents de programmation IA. Pendant que Claude Code ou la CLI OpenAI Codex travaille, une pilule noire prolonge l’encoche : à gauche se tient Peek, un personnage en 3D, et à droite un anneau indique ce qu’il reste de votre fenêtre d’utilisation de 5 heures. Plus une session a besoin de vous, plus Peek sort de l’encoche. Quand une tâche se termine, échoue ou atteint une limite d’utilisation, l’encoche s’ouvre sur une carte qui dit ce qui s’est passé et dans quel projet, et un clic mène à l’onglet exact du terminal, volet tmux compris.Outils de développement
Claude UsageClaude Usage est une petite app native pour celles et ceux qui utilisent Claude Code. Dans la barre des menus, elle affiche votre session de cinq heures en cours, votre usage hebdomadaire pour tous les modèles et pour Sonnet, et vos crédits à l’usage, chacun avec une barre et son heure de réinitialisation, sans ouvrir Claude Code. Elle ajoute aussi une ligne sous votre invite Claude Code avec le modèle, le taux de remplissage de la fenêtre de contexte et les tokens utilisés, pour compacter une session avant qu’elle ne manque de place. Chaque volet de terminal affiche sa propre ligne, y compris dans tmux.Outils de développement
TintpadTintpad est un lanceur gratuit et open source pour les développeurs qui travaillent avec des agents de programmation en ligne de commande comme Claude Code et Codex. Appuyez n’importe où sur Option-Commande-Espace et une goutte noire tombe de l’encoche de votre Mac, ou pend sous la barre des menus sur les Mac qui n’en ont pas, avec vos dépôts à l’intérieur. Tapez quelques lettres, appuyez sur Retour et votre propre terminal s’ouvre dans ce dépôt avec l’agent déjà lancé, dans le mode que vous y avez utilisé la dernière fois.Outils de développement
FULLMAC.app n’héberge pas cette app. Les boutons de téléchargement mènent aux pages du développeur.