Browser configuration

Set up the recommended development environment to speed up your workflow!

Browser Plugins

To help with debugging, we recommend the following browser extensions:

Plugin

Firefox

Chrome

React Developer Tools - allows you to inspect the React element hierarchy.

Addon

Extension

Redux DevTools - for inspecting the Redux state and actions

Addon

Extension

Browser configuration

When developing, the new version popup may get annoying, if you are using Google Chrome, you can go to Developer Tools > Application > Service Workers and enable the Bypass for network checkbox.

Next steps

Now that you are ready to start development, most likely you will want to learn about overriding the theme to adjust it to your needs. Or perhaps you are an extension developer and want to create a reusable extension instead.