React Starter

Starter Application for React SPAs, this kit includes:

• Ava for JS unit tests
• Babel
• BASSCSS for CSS
• Font Awesome
• Istanbul
• JSCS For JS linting
• Phoenix as backend
• React Router
• React
• Redux devtools
• Redux-crud
• Redux
• Robo for running tasks
• Seamless-immmutable
• Webpack dev server
• Webpack

Set up

1. Install Docker and Docker-compose

2. Create data container

make build-data

3. Build all container

make build-containers

Run

docker-compose up

Open http://ip_or_host_to_docker_vm:4002/

Lint

make client-lit

Test

Run all tests:

make client-test

Testing with coverage:

make client-test-coverage

Watch mode:

make client-sh
npm run test-watch

Running single test:

Shell into container and run test:

make client-sh
ava ./src/users/Show.test.js

Isues:

• HMR doesnt work anymore https://github.com/gaearon/react-transform-hmr

• Wepback dev server only work when editing files in VM, (can't use Sublime in host computer) Possible fix: Using webpack watch instead

TODO:

• Fix HMR
• Production webpack
• Using production version of seamless-immutable
• Test using CI
• Deployment with Docker
• Flow type checker (Doesn't work with ES6)