This is demo code to accompany the SitePoint article "Building a Game with ReactJS and WebGL"
npm install
npm start
Then open http://localhost:8080/webpack-dev-server/index.html
This basic example follows the Presentational and Container Components example. The logic is managed in GameContainer in the containers/ directory. The view code, game entitites, etc, live in components/.
The game logic is separated entirely from react and managed with the reducer functions in the game-reducers/ folder.
The game state is set once per requesetAnimationFrame callback in GameContainer.js.
This project use Babel, Webpack, and ESLint for ES6 syntax, asset management and code quality tools.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent