This repo is here to explain how to setup the React Native Debugger and Redux. Being able to debug your code is extremely important to the success of any project and that remains true when working with React Native. While the Chrome Developer Tools are wonderful with React Native, they're missing the React Developer Tools as well as the Redux Developer Tools.
Having spent some time configuring my own project recently, I wanted to share my experiences with other people.
Here are the basic steps to get started:
- Clone the repository to your machine
- Run
yarn install
from the root of the project - Install React Native Debugger
- Open React Native Debugger (close any other Chrome Developer Tool debugging windows you have open)
- Run
yarn ios
to start the iOS simulator
Now that the simulator and the React Native Debugger are up and running, you have access to a number of amazing development tools.
- Your JavaScript code
- Chrome developer tools
- React Devtools
- Redux Devtools