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.
Why it helps
MobX logs often hold the key to solving errors and user-reported issues.
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.
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.
To get started with LogRocket, create a free account at https://logrocket.com