Using react-devtools with React Native – Exposition

  • Using react-devtools with React NativeMany moons ago, Jared Forsyth was an intern at Facebook and he worked on re-writing react-devtools and integrating them with React Native.
  • After he left, the React Native integration fell into disrepair and became unusable.As of React Native 0.43 / React 16 alpha (Expo SDK 16), it is once again working, thanks (I believe) to the efforts of Dan Abramov.
  • To set it up, follow these steps, which I have paraphrased below:npm install –save-dev react-devtools in your app directory.Add “devtools”: “react-devtools” under scripts in package.json.npm run devtoolsNow when you run your app it will connect and display the component tree.
  • Read more about what you can do with this in the react-devtools README.Obligatory demo GIF

Many moons ago, Jared Forsyth was an intern at Facebook and he worked on re-writing react-devtools and integrating them with React Native. After he left, the React Native integration fell into…

@notbrent: i’m pretty stoked that react-devtools integration with react native is working well in 0.43

Many moons ago, Jared Forsyth was an intern at Facebook and he worked on re-writing react-devtools and integrating them with React Native. After he left, the React Native integration fell into disrepair and became unusable.

As of React Native 0.43 / React 16 alpha (Expo SDK 16), it is once again working, thanks (I believe) to the efforts of Dan Abramov. To set it up, follow these steps, which I have paraphrased below:

Using react-devtools with React Native – Exposition