A review project I did to reinforce webpack and redux basics, and to give myself a good, reliable React-Redux base project I've been wanting for ages.
Repo contains a ReactJS toolchain made for React-Redux projects in 2020 with Webpack, Babel, ESLint (Prettier/Airbnb blend), Thunk. Environment variables and webpack configurations are compartmentalized separately for development and production builds to improve efficiency, and build is configured output to a single bundle.js file.
A simple working React-Redux example with store, actions, reducer and index.js clearly separated can be found in the root src directory.
Clone or download and then run npm install.
Rename the project as desired BEFORE you initialize your local git repository.
Replace src files with your own or edit existing files/re-arrange folder structure (if you use the existing project structure you can leave store.js and index.js almost untouched--might need to tweak the component names to match your own).
ESLint issues can be fixed by running eslint --fix src/<filename.js>.
The advanced webpack configuration is heavily influenced by Robin Wieruch's posts from 2019, and the sample project is presented step-by-step alongside Redux theory on Dave Ceddia's site also written in 2019.