This is a demonstration application and is using:
- Material Design
- Mocha/Enzyme/chai for testing
- StoryBook
- Concept of Presentational and Container Components
- React's inline styles
- Docker so can be ready for production
- 2 Environments DEV/PROD (uses same dev url for now)
- ES6/JSX/Babel/Webpack/HotLoader/EsLint/npm
- Node/Express.js
- Redux, Sagas and Axios
- Custom Material Design purple theme.
- DEV tools press (ctrl+ h) and you can see the store.
- Responsive Design using FlexBox
- ImmutableJs
type
make
to see a list of options
Install dependencies
make install
Check for Linter Errors and Warnings in the code
make checks
Run BDD tests
make test
make test-watch
Run storyBooks to test individual UI components
make storybooks
Run the app in dev mode (run make proxy in different screen as optional to avoid CORS limitations) Available at localhost:3000
make proxy
make dev
Run the app in production mode (execute these commands in same order)
make dist
make run
Create a Docker production app for later push to docker Hub
make docker
Speed up component development using lazy-react utility:
./bin/lazy-react -c ModuleCategory/Module
Please review REACT.md
- ES2015 syntax
- ESLint rules configuration that all developers would share http://eslint.org/
- There is a .jsbeautifyrc, please set your editor accordingly
git config --system core.ignorecase truegit config --global core.ignorecase true