SPDUK / brickbreaker

canvas brickbreaker game

BrickBreaker

Intro

A react based brickbreaker game using canvas.

Stack

• Create React App
• React Router
• React Context API
• CSS Modules (scss)
• Code splitting (React.lazy & Suspense)
• Jest
• react-testing-library
• ESLint - AirBnB Styleguide
• Husky - v4
• StyleLint

---

Dev Setup

• Install Yarn package manager v1
• Install VSCode ESLint plugin
• Install VSCode StyleLint plugin
• run yarn in the console to install dependencies
• run yarn start to launch the React dev server
• run yarn storybook to launch the Storybook dev server

---

Deployment

• Netlify
• Husky (pre-commit linting and error messages)

Production setup (local)

• run yarn build to build the React app
• run build-storybook to build the Storybook app

---

Scripts

• yarn start - Start the React development server
• yarn storybook - Start the Storybook development server
• yarn lint - Lint .js & .jsx files
• yarn lint:fix - Fix problems in .js & .jsx files
• yarn stylelint - Lint .css files
• yarn stylelint:fix - Fix problems in .scss files