DEV Community

Cover image for React-Redux headstart for busy people

React-Redux headstart for busy people

Guido Vizoso
Front end dev. Javascript enthusiast.
・1 min read

Hi reader! This is the sequel to my previous post:


It started as a way to simplify my development process but I figured out it's time to publish and document what I do so... Here we are!


This boilerplate has what I consider the minimun structure for any react-redux application: Wepack, Babel, React, Redux, Styled Components and ESlint.
Github repo:

How to use it


git clone
npm install
Enter fullscreen mode Exit fullscreen mode


npm run dev /* Runs webpack dev server and live reloading */
npm run start /* Runs webpack in production mode with optimizations */
Enter fullscreen mode Exit fullscreen mode


Webpack dev server running

Folder structure

├── src
│   ├── index.js // Renders everything
│   ├── App.jsx // Main component
│   ├── store.js // Redux store generator
│   ├── components // Pretty much explains itself
│   ├── actions // Dispatch executers
│   ├── reducers // Redux Reducers
│   └── assets // Images and stuff goes here
├── dist // Compiled files goes here
├── package.json
├── .babelrc
├── .eslintrc
├── webpack.common.js
└── .gitignore
Enter fullscreen mode Exit fullscreen mode


If you're using this boilerplate and encounter any issue, please let me know!

Future posts

React & Redux have a steep learning curve, that's for sure. If you want a tutorial about that just comment it out. Have a great day!

Discussion (0)