When troubleshooting an issue in Nova, we may need to get a Redux trace. In this article we’ll explain how to generate a Redux trace.

What’s a Redux trace?

Redux is a predictable state container for JavaScript apps. Redux trace is outcome of using Redux helping developers to troubleshoot issues within application using Redux.

Why do we need/use a Redux trace?

Redux trace contain actions and operations that your browser executed while the Redux trace was recording. This will often show us an errors and may give more information to us to track where the issue is in the code-base. It can also show us the time taken for different operations, so it can help with issues related to how fast (or slow) a page may load in a browser window.

How do I generate a Redux trace?

The steps vary from browser to browser. These steps are applicable to desktop browsers on both Windows and macOS. This KB shows steps for most common browsers Chrome and Firefox. Steps for other browser should be similar.

Chrome

  1. Open Developer Tools in Chrome (Menu -> View -> Developer -> Developer Tools)
  2. Goto the Redux tab
  3. Reload the whole page.
  4. Export the Redux trace via Export button in the bottom of the window

 

Firefox

  1. Open Developer Tools in Firefox (Menu -> Tools -> Web Developer -> Toggle Tools)
  2. Goto the tab Redux
  3. Reload the whole page
  4. Export the Redux trace via Export button in the bottom of the window

 

What’s next?

Once the Redux trace has been generated, it’s good practice to zip the .json file and send it to us.

Print Friendly, PDF & Email