Hi HNers! Does anyone know if there is a component library for React that has all the common elements found in games? I am a web person who has built information-driven apps and sites for a long time, and am a little overwhelmed by the thought of building loops, and stages, and worlds, and ka-ching moments, etc. from scratch. Just like component libraries not only made it easy to not write repeatable code but also encapsulated industry patterns in easy-to-import components, I was wondering if there is an equivalent for building simple web games that I could use.
Familiarity with React might be tempting to reuse it for games, but there are plenty of HTML5 game engines out there which will do a better job. In fact React is successful in web apps because it is basically using a game loop. For a quick example: https://www.babylonjs.com/community/
These engines generally don’t use the DOM; instead, they render in a canvas element and provide you a framework to deliver logic and drawing instructions to each frame before it renders. That’s an entirely web-standards-compliant approach as Canvas was meant for this. There is stock code and art out there to save you time creating in-game objects for any particular engine (my personal preference is Phaser. )
