Developer Tools

To make the development process easier, we have compiled a set of tools for working with Scandi

IDE

You will need an integrated development environment (IDE) – this is where you edit code and manage files. If you already have a favorite editor, feel free to use that. If not – we recommend VS Code.

Browser

You're making a web app, so you need a browser to test your code! We recommend Google Chrome or Firefox. To help with debugging, we also 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​

When developing, the Scandi "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.

ScandiPWA CLI

Some tasks can get tedious when developing with Scandi. We wrote a command-line tool to automate them! Try the ScandiPWA CLI – it will save you a lot of time.