Tools of ScandiPWA
Last updated
Last updated
The tools and editors are essential. For PHP - there is a standard “PHPStorm” for React development we encourage using . This is a very popular code editor, with a powerful extension API. We even to help you develop your store faster. You can check out our in-depth instructions .
VSCode extension overview:
Note:
It is mandatory to install ESLint and StyleLint if you want to work with ScandiPWA! This will help a lot later, when inspecting the source code or contributing! Please do not skip this step!
Chrome extensions mentioned in this video:
The tools mentioned in the video:
- the comment highlights
- write without typos
- remote debugger for chrome
- JS code-style validator
- better Git integration
- ScandiPWA extension helper
- SCSS code-style validator
- left-over spaces highlighter
Matching code-style is very important. Consistent tabulation, proper imports, everything matters! We even made (for the next ScandiPWA version)! You can check out our dedicated doc .
Configuring the remote debugging can be quite challenging. Debugging in the browser requires additional tools. Watch the tutorial video, and configure your Chrome and VSCode for remote debugging.
- the component state & props inspector
- the global state inspection tool
Knowing the GraphQL schema is important. Using reliable tools from the very beginning is crucial for fast delivery. Read our and install them beforehand.
- the best GraphQL schema editor
- the best API explorer