React and WebGL

on YouTube ↗18m

" summary

A production app moves from Knockout+SVG to React plus WebGL (via 3js), raising interactive object capacity from ~200 to about 5,000 objects and usable up to ~10,000; the claim is concrete and measured. Key engineering notes: React handles UI state while WebGL owns a canvas, batching differences matter — requestAnimationFrame batching beats DOM setTimeout batching — and integration options include side‑by‑side canvases, wrapper libraries, or building a renderer on React’s core (examples: react 3 and react pixie).

AI-written summary · about

" chapters (8)

1. 0:00Intro
2. 0:57Context
3. 3:46What is WebGL?
4. 4:42So what?
5. 9:03Side-by-side
6. 10:30With Integration
7. 13:06React "Native"
8. 15:09Hurdles

" related talks

• 32mBringing webgl to reactPaul Henschel · ReactEurope 2020
• 36mBlasting React into Space: Building fluid interface swith React and WebGLAshi Krishnan · Full Stack Fest 2017
• 47mReact For VikingsMikko Haapoja · Spotlight React 2016
• 35mGamedev on React + WebGLAlexander Korotaev · ReactEurope 2020
• 32mPhotorealistic 3Dgraphics on the Web with ReactJS, WebGL and Unity3DDenis Radin | ReactConfAM19 · React Conf Armenia 2019
• 51mFunctional Web Development – An Introduction to React.jsBertrand Karerangabo · FITC Web Unleashed 2014
• 30mD3 and React, TogetherShirley Wu · ReactiveConf 2017
• 30mReact, Meet Virtual RealityEric Florenzano · React.js Conf 2016