Write TypeGPU, Use Anywhere: Composable WebGPU Shaders for React Native and Beyond
summary
TypeGPU compiles TypeScript into WGSL and claims shaders often run faster than hand-written WGSL by doing compile-time precomputation, dead-code elimination, and specialization; it implements operator overloading via a lightweight TypeScript fork and exposes tgp.resolve to emit WebGPU programs. It runs everywhere JavaScript and WebGPU run — web and React Native — with no native dependencies, ships a CLI (npx typegpu) and example apps like a real-time ray tracer and the Jelly Slider, and supplies Agent Skills so AI can generate type-safe shaders reliably.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 3:48WebGPU vs worklets comparison
- 8:01Introducing TypeGPU
- 11:12Why TypeScript for shaders
- 15:03Operator overloading in TypeGPU
- 17:10Performance benefits of precomputation
- 20:18AI and TypeGPU synergy
- 22:23TypeGPU React library
- 24:08When to use TypeGPU
- 28:19TypeGPU CLI and setup
- 30:47Resources and community
related talks
38mWebGPU: Next-generation 3D Graphics on the Web
34mNext-Generation 3D Graphics on the Web
34mWhat WebGPU means for Web platform?
40mThe WebGPU Revolution: Full GPU Power on the Web and Beyond
23mHello GPU
31mGPUs Unleashed! Make Your Games More Powerful With wasi-gfx
30mWasi-Webgpu: Build Beautiful Graphics and Safely Run AI with Any GPU
26mBuilding a 2D Game from Scratch with WebGPU