GOM Card Game
Based on this react boilerplate
Features
- React
- React router
- Redux
- Redux Thunk
- Redux DevTools (you need to have browser extension installed)
- Immutable reducer data
- Webpack 2 (development and production config)
- Hot Module Replacement
- Babel - static props, decorators
- SASS with autoprefixing
- Webpack dashboard
- Linting
- Included
es6-promise
andisomorphic-fetch
- Preview production build
- File imports relative to the app root
- Git hooks - lint before push
Setup
Tested with node 6.x and 7.x
$ npm install
Running in dev mode
$ npm start
Visit http://localhost:9000/
from your browser of choice.
Server is visible from the local network as well.
webpack dashboard
Running it with$ npm run dev
Note for Windows users: webpack dashboard still have issues with Windows, so use npm start
until those are resolved.
OS X Terminal.app users: Make sure that View → Allow Mouse Reporting is enabled, otherwise scrolling through logs and modules won't work. If your version of Terminal.app doesn't have this feature, you may want to check out an alternative such as iTerm2.
Build (production)
Build will be placed in the build
folder.
$ npm run build
Running in preview production mode
This command will start webpack dev server, but with NODE_ENV
set to production
.
Everything will be minified and served.
Hot reload will not work, so you need to refresh the page manually after changing the code.
npm run preview
Linting
$ npm run lint
Git hooks
Linting pre-push hook is not enabled by default. It will prevent the push if lint task fails, but you need to add it manually by running:
npm run hook-add
To remove it, run this task:
npm run hook-remove