Learning Redux

Project structure

The project structure will be similar to the previous examples. To recap, we will go through the file/folder structure. You can use the code from the previous example in this book, where we connected React to Redux. The main difference to the previous examples is that we will split up our Redux actions, reducers, and action types into multiple files. That is why we are going to create separate folders for each of the Redux elements:

• index.html: The main HTML file of our application. This is where you would put meta tags and other stuff that should stay the same on every page.
• package.json: This file is used to manage dependencies via npm.
• webpack.config.js: The configuration file for webpack.
• .babelrc: The configuration ...