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.
Last modified 6mo ago
Copy link