The ScandiPWA theme is separated into several subdirectories with specific responsibilities. This organization is enforced to ensure that the codebase is consistent and easy to navigate.
component: contains definitions of reusable React components defined throughout the theme
query: defines a helper class for each GraphQl query that the theme needs
component, but each route is added to the router, ensuring that it appears as a page in the SPA.
store: defines the global state of the application using Redux stores
style: sets the global styles of the application with SCSS
util: utility classes, functions and constants that do not fall in the other categories