logo

Babylon.js Market

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.

Course Contents

Was this page helpful?

We read every note — tell us what's working and what isn't.

↑↓ NavigateEnter SelectEsc CloseCtrl+K Open Search