react-pack

HMR-enabled boilerplate for:

• React
• Redux
• React Router
• React CSS Modules + LESS
• Jest
• Webpack + HMR
• Heroku

Application gets random GIF from Giphy and shows it to user.

Development server

Install dependencies and start development server with:

npm install
npm run dev

Server with HMR should now be running on http://localhost:8080

Production build

npm run build

Structure

• server - simple NodeJS servers for development and serving production build.
• src/assets - all static assets like images.
• src/components - React components that simply display data they are given.
• src/containers - React containers that have access to Redux state and modify it somehow.
• src/html - HTML templates for development and production. In production build CSS and bundled JS are auto-injected.
• src/redux/modules - Redux Ducks
• src/store - Redux store configuration like middlewares.
• src/styles - container and component styles using react-css-modules. Each file should @import '~styles/main'; at the beginning to get access to all the needed utilities.
• src/utils - helpers.
• tools - Jest pre-processors.

Acknowledgements

This project is a grateful recipient of the Futurice Open Source sponsorship program.

Also thanks to @anttti for his yet-another-redux-example and providing base for this project.

License

MIT