React Minesweeper proof-of-concept project. Built mainly to get familiar with the React framework & ecosystem.
Demo: https://jfroom.github.io/poc-react-minesweeper
Technologies
- React with ES6 & JSX
- Docker with Compose
- Scaffolded with Create React App which leverages Babel and webpack
- ESLint with watch
- Testing with Jest and Enzyme
- Yarn
- React-Bootstrap
- TravisCI integration with auto-deploy to GitHub pages
Getting Started
Required
- Install Docker 17.03.0-ce+. This should also install Docker Compose 1.11.2+.
- Verify versions:
docker -v; docker-compose -v;
First run
docker-compose build
Builds images.
Usage
Development
docker-compose up
Starts web server.
open http://localhost:3000/
Loads default page into local browser.
docker-compose exec web yarn lint
Run linter, stays open with watch.
Test
docker-compose exec web yarn test
Run test suite, stays open with watch.
Build
docker-compose exec web yarn build
Create production build of static files.
docker-compose exec web yarn serve-build
Serve the build locally.
Additional References
- Testing React components with Jest and Enzyme by Artem Sapegin