J'ai recherché des options pour déboguer une application React Native + Redux. Surtout la partie redux. Quelle est votre manière préférée de procéder? J'espère savoir!
4 Réponses :
J'utilise normalement DevTools, mais c'est une extension Chrome et non pour Simulator. Peut-être que vous pouvez vous pencher sur la surveillance à distance avec: https://github.com/zalmoxisus/remote- redux-devtools Je crois que vous seriez en mesure de configurer cela pour surveiller à distance les interactions du Store dans Simulator.
Edit: Oui, il est en fait destiné à React Native après avoir lu davantage de README. J'utiliserais ceci à coup sûr.
Pour une solution sur place, Remote Redux devtools était en effet une bonne option! Merci.
Il existe plusieurs outils utiles pour les développeurs lorsqu'ils traitent de redux
, et parmi tous, je recommande fortement d'utiliser les deux ci-dessous
- view your application state - show API requests & responses - perform quick performance benchmarks - subscribe to parts of your application state - display messages similar to console.log - track global errors with source-mapped stack traces including saga stack - traces! - dispatch actions like a government-run mind control experiment - hot swap your app's state using Redux or mobx-state-tree - track your sagas - show image overlay in React Native - track your Async Storage in React Native
Il permet de vous montrer l ' état précédent
, charge utile de l'action actuelle code > et
état suivant
chaque fois que nous envoyons une action redux, dont vous devriez voir comment cela nous profite
Reactotron avait de nombreuses fonctions sympas! J'ai adoré la légèreté de la solution Redux-Logger. Je vous remercie!
J'utilise React Native Debugger comme version autonome pour cela. Il est capable d'afficher l'historique complet des changements d'état de redux et de vous donner des outils pratiques tels que Raw-View, Chart-View ou Diff-View. Et vous n'avez rien à ajouter dans votre code d'application (comme pour Reactotron).
Cela ressemble à ceci:
Pour activer le Redux-Panel, il suffit de faire un clic droit dans la fenêtre du débogueur et de choisir Toggle redux devtools
.
Se mettre d'accord! J'ai écrit un guide pour configurer React Native Debugger! medium .com / @ tetsuyahasegawa /…
Merci à tous pour les recommandations, j'ai essayé les quatre options! J'ai même écrit un média article sur ce sujet.
Ma conclusion, Utilisez React Native Debugger . ( Guide de configuration )
Depuis,
v.s. redux-logger : manque de fonctionnalités, dépendance supplémentaire par projet
v.s. Remote Redux Devtools : manque de fonctionnalités, dépendance supplémentaire par projet, code supplémentaire. p >
v.s. Reactotron : interface inconnue, dépendances supplémentaires par projet, code supplémentaire.