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.
Install dependencies and start development server with:
npm install
npm run dev
Server with HMR should now be running on http://localhost:8080
npm run build
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 Duckssrc/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.
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.
MIT