Today we’re excited to announce official support for MobX in LogRocket. Using the new logrocket-mobx npm package, developers can log MobX data in production, helping fix bugs and user issues faster.

What is LogRocket?

LogRocket is a frontend logging tool that lets you replay problems as if they happened in your own browser. Instead of guessing why errors happen, or asking users for screenshots and log dumps, LogRocket lets you replay the session to quickly understand what went wrong. It works perfectly with any app, regardless of framework, and has plugins to log additional context from React, Redux, and MobX.

In addition to MobX logs, LogRocket records console logs, JavaScript errors, stacktraces, network requests/responses with headers + bodies, browser metadata, and custom logs. It also instruments the DOM to record the HTML and CSS on the page, recreating pixel-perfect videos of even the most complex single-page apps.

Why it helps

MobX logs often hold the key to solving errors and user-reported issues.





LogRocket integrates with error reporting tools like Sentry and Bugsnag to let you see MobX logs and video for every bug. This is not only helpful for fixing bugs, but also for understanding error impact, since some JavaScript errors are completely innocuous. By watching the video and viewing logs from when an error occurred, you can easily tell if it actually affects users, or can be ignored.

Improve key flows and discover UX issues





LogRocket can also intelligently find bugs after the fact. You can search and filter based on events like show me users who did my onboarding but didn’t convert, or let our automated system detect moments of user frustration like rage clicks and broken buttons.

LogRocket lets you search for particular MobX logs and filter for sessions by properties like User Email, Name, Signed Up Date, Location, Status, Duration, Page Visited, and more. If it happened in your app, chances are you can find it with LogRocket search.

MobX Plugin





The LogRocket MobX plugin is easy to integrate. First, install with npm:

npm i ---save logrocket-mobx

Then, import LogRocket and initialize the plugin. If you haven’t already set up LogRocket in your app, you can create a free account and follow the setup guide here: https://logrocket.com.

You can decorate observables that you’d like to log like this:





Then, when you view LogRocket sessions, you’ll see all the changes to your observable that occurred. Learn more in the docs here.

Getting Started

To get started with LogRocket, create a free account at https://logrocket.com

LogRocket is the JavaScript logging and replay tool that helps you fix bugs faster. By capturing every log, network request and user session of your app, you can fix problems without back and forth.