2. Code Walkthrough#

Volto is based on React, Redux and React-Router. All the code is located in the src folder. Inside the src folder we used the default Redux folder structure.

2.1. Actions#

actions contains all the redux actions for fetching all backend data like content, users and so on.

2.2. Components#

components contains all the views. This includes views for the manage interface and the theme.

2.3. Config#

In this folder all configuration is stored. All configuration can be overridden in your theme package.

2.4. Constants#

The constants contain all constants including the action types.

2.5. Helpers#

helpers contains helper methods like for example url helpers.

2.6. Icons#

All the Pastanaga icons are located in this folder.

2.7. Middleware#

The API middleware is located in this folder which takes care of the communication with the backend.

2.8. Reducers#

All the reducers are located here.

2.9. Theme#

The theme folder contains the Pastanaga theme which is used for the styling. The theme.config can be used to set the theme settings.