Menu
Is it possible to debug ReactNative code from WebStorm? ReactNative allows debug from Chrome/Safari, maybe WebStorm could use these ports for debugging from IDE somehow?
363
WebStorm will start the React Native packager first in a new React Native tool window and then will run the react-native run-ios or react-native run-android command, depending on the selected target platform. If the build is successful, you'll see your app in an emulator.
WebStorm provides code completion for React APIs and JSX in JavaScript code. Code completion works for React methods, React-specific attributes, HTML tags and component names, React events, component properties, and so on.
IntelliJ IDEA helps you create, edit, lint, run, debug, and maintain your React Native applications.
With the new 2016.3 EAP of WebStorm and as well IDEA you can now debug react-native apps:
https://blog.jetbrains.com/webstorm/2016/10/webstorm-2016-3-eap-163-6512/
190
According to the React Native Docs, there's no way to do it right now.
Why? Because when using "Debug in Chrome," you're actually running all your Javascript code inside of Chrome! The native app simply pulls all the data from Chrome via websocket.
So to implement React Native debugging in WebStorm, it seems like you'll need to come up with either of the following:
Hope this helps.
38
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
