This is a tool that you are going to need to install as a Chrome Extension in your Chrome Web Browser and also as a dev dependencie in your project.įirst, head over to the Chrome Web Store and install the Redux DevTools. By providing you with the tools you’ll need to track and. Maybe better to add a codesanbox to better check. Redux DevTools Chrome Extension & redux-devtools-extension Just like you have the Chrome DevTools for directly manipulating the content of the document on a web page, the Redux dev tools allows you to directly manipulate redux operations right there on the web application. Ready to set yourself up with Redux DevTools We walk you through the basics of how to do just that. Usually when the redux dev tool is inactive / grayed out in react application, can mean that the store is not been initialized (passed as a prop), this maybe also your case, but I havent used yet in RN. It helps to boost the developer’s productivity significantly and makes the development fun. This is a standalone app that you are going to need to install with brewīrew install -cask react-native-debugger Developer Tools to power-up Redux development workflow or any other architecture which handles the state change. It lets you go back in time by cancelling actions. Some of the features in official documentation are as follows It lets you inspect every state and action payload. It allows us to perform time-travel debugging and live editing. We are going to install the following dependencies: Redux-Devtools provide us debugging platform for Redux apps. (I mean, installed as dev dependencies and your Redux store already setup) In this blog I'm going to show you how to debug a React Native application using the Chrome Extension: Redux DevTools Extension.Īssuming that you already have your React Native project set up with Redux and a middleware (i.e thunk). and you know when you just go nuts with something simple? Well. After all it wasn't that complicated, it's just that the docs weren't clear enough for me. Note: You can read this article in spanishĪfter a lot of - s t r u g g l e- trying to understand how all these dev tools work together in order to debug my first React Native Application I got so stressed for not being able to just get to know what was in my Redux Tree that I decided to document the solution that worked for me.
0 Comments
Leave a Reply. |