React Debugging

React Debugging

React debugging and Client-Side Logging at real-time

Monitor and Logging production errors on your React JS applications. Get a notification before your customers notice a production Exception without a try/catch, with the device info and detailed log to fix it quickly.

Get Enterprise-grade encryption with unlimited users, sessions and installs… Bugfender it’s free until 100.000 Daily Log Lines!!! Sign up!

React Debugging

Background Run

Performance Logging

Bugfender will catch Exceptions and Errors on your application and will enqueue it silency to process on background without affect the performance of your React WebSite or Android/iOS App.

Real-Time Error Reporting

Instant Error notifications

Real-time React logging with the log detail of each Error. Then you can reproduce the issue and fix it before your customers complain.

JavaScript Error Details

Easy debugging

Thanks to Bugfender you can customize your Log View and find quickly the important data for your project.

React Error Handling

Get the React Device Info for your Android o iPhone Apps, or the Browser and O.S. in your website using React JS, to understand in what conditions the bug occurs.

JavaScript Error Message

Installing the React SDK

The SDK for React can be easily installed as an NPM module that you can import to your application.
If you are working with a React app, take a look at our React plugin in Github.

First of all, install SDK NPM package:

npm install @bugfender/sdk

Then you can init and use the SDK in your index.js file before calling ReactDOM.render():

// Import Bugfender
import { Bugfender } from '@bugfender/sdk';

// Initialize. `appKey` is the only required option.
Bugfender.init({
    appKey: 'YOUR_APP_KEY_HERE',
    // overrideConsoleMethods: true,
    // printToConsole: true,
    // registerErrorHandler: true,
    // version: '',
    // build: '',
});

// Bugfender now can be used
Bugfender.log('Hello world!');

Now you can start using our tool:

import { Bugfender } from '@bugfender/sdk';

functions class App {
    useEffect(() => {
        Bugfender.log('App Created');
    }, [])
}

Remember to change YOUR_APP_KEY_HERE with the app key of your app. You can get an app key by signing up to Bugfender. For all the available options see our reference.

Customer Support from Our React Engineers

Providing top-notch support is a priority for us. At Bugfender, everyone is a customer champion, so when you submit a support request you’ll get a fast, high-quality response from our product engineers.

Elene Kassmeyer - A Happy Bugfender Customer
Hey there, is it possible to associate an email address with a device? Elene Kassmeyer
You can indeed, we've actually got a handy guide on this which you might find useful. Check it out here.
The Bugfender Team
Hyledd Quirina - A Happy Bugfender Customer
Is it possible to retrieve logs from a device, but only when an issue is raised? Hyledd Quirina
Absolutely, just disable logs for all devices. When an issue is raised, it bypasses this setting and sends over the logs so you can see what's been happening.
The Bugfender Team
Pól Balogh - A Happy Bugfender Customer
Is it possible to track issues with Bugfender? Such as app crashes? Pól Balogh
Issues we support right out of the box, and crash reporting is something that's on our roadmap - it'll be released really soon. For now, if you'd like to get more information on raising issues, take a look at this page.
The Bugfender Team
Jackie Alden - A Happy Bugfender Customer
Is it possible to send logs from within an Android service? Jackie Alden
That's a great question, and it sure is possible. If you initialize Bugfender within the service, you'll be able to send logs from there too.
The Bugfender Team

Already Trusted by Thousands.

Get Started For Free

Trusted By

Autodesk Airmail Airmail Logo as_volkswagen Slack