Up to Speed with TypeScript and Vite
Learn TypeScript and Vite by reading the real @babylonjsmarket game frameworks. You cover types, classes, generics, and interfaces from live source code, plus the runtime topics behind fast games: the frame budget, garbage collection, and object pools.
What We Will Cover
- For absolute beginners — no prior TypeScript needed
- Learn by reading real, shipping framework source, not toy snippets
- Get a TypeScript + Vite project running with live reload in minutes
- Types, classes, generics, and interfaces — taught straight off the framework's own code
- See what a CPU can do inside a 16ms frame at 60fps
- Learn how garbage collection drops frames, and read the framework's 640-object pool that avoids it
- Finish able to open the @babylonjsmarket/ecs source and understand why it is built the way it is
This course teaches TypeScript and Vite by reading the real, shipping frameworks behind BabylonJS Market games — @babylonjsmarket/ecs and @babylonjsmarket/arcade — with the actual source on the page, kept in sync with the libraries. You get a TypeScript + Vite project running with live reload, then learn types, classes, generics, and interfaces by opening the code where the frameworks use them: a real abstract base class, a real component that extends it, the EventBus's generic methods, and the renderer interface that two rendering engines satisfy. Then the runtime: how much a CPU can do inside one 60fps frame, why reading memory is much slower than doing math, and the garbage collector that pauses your game mid-frame — ending with the 640-object pool the framework builds to avoid that pause, and a real Vite production build. By the end you can open the source and understand why it is built the way it is. No prior TypeScript required.