- A new tool is available to make it easier to upload source maps for React Native projects using Bugsnag.
- bugsnag-sourcemaps makes it easy to reliably upload source maps across Android and iOS in release and debug builds.
- Find out more in our React Native docs.
A new tool is available to make it easier to upload source maps for React Native projects using Bugsnag.
Continue reading “React Native source maps tool”
To get started download VSCode and install the React Native tools extension for VSCode.
- Time travel debugging
The extension uses Node to debug the Expo app.
- If we replace Node with node-chakracore, we also get the ability to use time travel debugging.
- To try out time travel debugging with create-react-native-app and VSCode
Download node-chakra nightly builds – it supports Mac, Windows and Linux 🙂
Grab the debugger code and save it as debugger.js – this is the same code that runs when a React Native app is debugged on Chrome
To start recording a trace
Create a folder called logs, adjacent to debugger.js
Run path-to-node-chakra/bin/node –record debugger.js
To replay a debugging session
Start up VSCode, head to the debug pane and create a new configuration to debug a node project
Add the additional key value pairs to the configuration (as shown in the video).
- This basically sets the node executable to be ChakraCore, points it to the location of the logs that are used for time travel, and sets up source maps
Hit the debug button – you will now see “Reverse Continue” and “Step back” in addition to the usual debug workflow controls
The time travel debugging part is still experimental, but if it sounds fun, let me know, and I would love to make it a part of the extension.Thanks to the amazing folks on the Chakra team for making this possible !
Continue reading “Parashuram’s blog: Debugging create-react-native-app with VSCode”