Workshop: Building a game in React and diving into react-reconciler (Part 1)
summary
Shows how to use the react-reconciler package to implement a custom React renderer that targets PIXI.js, so you can manage Pixi sprites and animations with React and JSX. Walks step-by-step from initial sprite rendering to building interactivity and animation handling, ending with a usable React-based library for game graphics; also demonstrates using recast (AST codegen) to generate a simple visual “programming with the mouse” game engine.
AI-written summary · about
chapters (11)
- 0:00Workshop intro
- 3:16Workshop goals
- 5:00What is react-reconciler
- 7:25Project setup
- 10:38PixiJS rendering
- 18:13Reconciler methods
- 26:28Game interactivity
- 37:16Code refactor
- 48:01Animation with hooks
- 54:41Animation hooks
- 1:00:00Summary
