Learning on Web Dev Open is free for all.

Immersive Web > Three.js, R3F, and when to use neitherDisposal, StrictMode, and the leak you will ship
Phase 07Three.js, R3F, and when to use neither344 of 434

Disposal, StrictMode, and the leak you will ship

Geometries, materials and textures live on the GPU and are not garbage collected. Watch the memory climb, then stop it.

Build35 minAI adversary

Build this in your own editor

This one runs on your machine rather than in the browser workbench. Work to the outcomes below, then come back and mark it complete.

You should now be able to

  • Dispose GPU resources when a component unmounts
  • Read renderer.info to prove the leak is gone
  • Survive a StrictMode double mount without two contexts
Ask the community

Loading…

← PreviousWhen raw WebGL is the right answerThree.js, R3F, and when to use neitherNext →What a mesh is made ofGeometry, assets, and not shipping 40MB