App inspection

Learn how to monitor errors within your application.

CodeBud currently provides 2 ways to catch errors: enableApplicationCrashInterception method and React ErrorBoundary.

enableApplicationCrashInterception method

Enables intercepting of crash signals and unhandled exceptions to send crash reports to GUI timeline.

What does it catch?

  • Unhandled rejections
  • Uncaught exceptions (errors)

Usage example:

  import { CodeBud } from '@appklaar/codebud';

  CodeBud.init("YOUR API KEY HERE", INSTRUCTIONS);
  CodeBud.enableApplicationCrashInterception(); // <-- Add this line to your default setup

That's it. Now you should be able to check crash reports in timeline on network tab.

React ErrorBoundary

What does it catch?

  • Errors thrown during rendering

Usage example:

  import { ErrorBoundary } from '@appklaar/codebud/react';
  // ...

  function App() {

    return (
      <ErrorBoundary>
        <App> // You can wrap whole app, or a specific screen
          // ...
        </App>
      </ErrorBoundary>
    );
  }

That's it. Now you should be able to check crash reports in timeline on network tab.

Was this page helpful?