JavaScript by Example

The folder structure

The first thing we will need to do before we start with Redux is to define a proper folder structure for the Redux components. Currently, this is how our src/ directory looks:

.├── App.css├── App.js├── App.test.js├── assets├── Components├── index.css├── index.js├── logo.svg├── registerServiceWorker.js├── routes.js└── services

We will need to create a new directory called redux, which will hold our store, actions, and reducers. Now, the directory structure will look as follows:

.├── App.css├── App.js├── App.test.js├── assets├── Components├── index.css├── index.js├── logo.svg├── redux├── registerServiceWorker.js├── routes.js└── services

Inside the redux directory, you will need to create four different directories, namely ...