Bugfender

Bugfender is a game-changing platform that logs every detail your users experience and feeds the data straight to an easy-to-use web console. Bugfender SDK is multi-platform and available for mobile and web apps, so you can use the same tool for all your apps.

Bugfender SDK React Sample

This repository contains a sample React application with Bugfender SDK to collect user logs.

Running the app

To check the app in your local machine, first you need to edit the code on src/index.js and change the <YOUR_APP_KEY_HERE> for you Bugfender App Key. Then you can run the app using:

• Ensure Node.js 12 is installed on your system.
• npm ci
• npm start

You can get an app key at bugfender.com

Links

• Official React SDK Docs
• Bugfender JS SDK reference documentation

If you plan to use Bugfender SDK with another JavaScript framework, check the following documentation:

• Vanilla JavaScript: Bugfender SDK for browsers
• Angular: Bugfender SDK for Angular
• Vue: Bugfender SDK for Vue
• Svelte: Bugfender SDK for Svelte

Bugfender Quick Start Guide

To get Bugfender working on your apps, you will need to:

• Get an app key at bugfender.com

• npm i @bugfender/sdk. Install SDK npm package.

• Init Bugfender SDK in your index.js file before calling ReactDOM.render():

  Bugfender.init({
      appKey: '<YOUR_APP_KEY_HERE>',
      // apiURL: 'https://api.bugfender.com',
      // baseURL: 'https://dashboard.bugfender.com',
      // overrideConsoleMethods: true,
      // printToConsole: true,
      // registerErrorHandler: true,
      // logBrowserEvents: true,
      // logUIEvents: true,
      // version: '',
      // build: '',
  });
  
  Bugfender.log('Hello world!');

  ⚠️ Remember to change <YOUR_APP_KEY_HERE> with the app key of your app. It's also recommended to add version & build numbers.