POC-React-Minesweeper

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

1. Install Docker 17.03.0-ce+. This should also install Docker Compose 1.11.2+.
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