Using react-devtools with React Native – Exposition

Using react-devtools with #ReactJS Native:  by @notbrent #JavaScript

  • 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 (in simulator/emulator), 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…

@HappyFunCorp: Using react-devtools with #ReactJS Native: by @notbrent #JavaScript

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 (in simulator/emulator), 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