React Native source maps tool

  • A new tool is available to make it easier to upload source maps for React Native projects using Bugsnag.
  • Source maps are required to translate the minified JavaScript errors into meaningful, actionable stack traces.
  • 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.
Source maps…
Continue reading “React Native source maps tool”

Parashuram’s blog: Debugging create-react-native-app with VSCode

  • VIDEO

    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”