ScandiPWA
ScandiPWA
Create Magento App
Create ScandiPWA App
User Manual
GitHub
Introduction
Getting started
Getting Started
Updating ScandiPWA
Debugging in Chrome
Development Setup
Building Your App
Building a ScandiPWA App
Override Mechanism
Adding Assets
Extensions
JavaScript Code Style
SCSS Code Style
Building Blocks
Building Blocks
Components
Routes
Redux Stores
Constructing GraphQL Queries
Type Checking
The Util Directory
Global Styles
ScandiPWA & Magento
Installation on existing Magento server
Docker Setup (Legacy)
Migrating from the Docker Setup (Legacy)
Proxying requests to server
Working with GraphQL
Magento: Troubleshooting
Video tutorials
Setting Up Environment and Talking Theory
Templating in React
Styling the application
Patterns of ScandiPWA
Overriding a file
About
Why ScandiPWA
Support
Technical Information
Contributing
Powered by GitBook

Development Setup

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​

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.

Getting started - Previous
Debugging in Chrome
Next - Building Your App
Building a ScandiPWA App
Last updated 1 month ago
Contents
Browser Plugins
Next steps