Breaking out of the confines: making games in React
summary
Claim: React plus a custom renderer (react-three-fiber / reactive fiber) manages the scene only on changes so it has zero overhead and can match or beat threejs; it does not run in the continuous render-loop but lets components participate in the loop via the useFrame hook. Practical stack: React, three.js, react-spring, react-three-cannon, TypeScript, WebGL. Working prototypes shown: a racing game, space shooter, tiny Minecraft clone and Arkanoid-style demo with physics and pointer events running at typical 60 Hz with orbit controls and hot reload.
AI-written summary · about
chapters (5)
related talks
32mBringing webgl to react
25mReact For Game Development
36mBlasting React into Space: Building fluid interface swith React and WebGL
30mMaking Games in React
45mMaking Your Website Stand Out With React Three Fiber
14mEffortless 3D with react-three-fiber
05mReact Everything, Render Everywhere
37mCreating 3D Experiences with React