React Native provides a built in component inspector, but it's limited by the small screen size of the simulator window. We'll install react-devtools, which allows you to see your app's entire component tree, as well as inspect state, props, and styles of each component.
You can even dynamically edit the state, props and style of your components - and see what the app looks like as those values change.
Summary of Content:
- Clone the base app and install npm dependencies
- Use the built in component inspector
- Install react-devtools, which connects to the component inspector
- Use react-devtools to look at the component tree, and change a component's props and styles
I get an access error when I tried to clone the repo; email@example.com:nanohop/react-native-advanced.git
The code should be public - can you see the repo at https://github.com/nanohop/react-native-advanced ? Perhaps you are behind a firewall or proxy that is restricting access.
Also, maybe try the https version instead of the ssh version? -
git clone https://github.com/nanohop/react-native-advanced.git