How vitejs is Powering the TresJS Ecosystem
summary
TresJS is a Vue custom renderer for three.js that lets developers declare scenes with Vue components; the ecosystem uses Vite dev mode for live playgrounds, Rollup plugins to auto-generate TypeScript types from three.js, and Vitest for headless testing. Documentation and examples run on VitePress hosted on Netlify and embed StackBlitz live examples. The library works in production, but hot module replacement requires manual disposal of three.js objects and remains a known pain point being actively improved.
AI-written summary · about
chapters (8)
- 0:00Introduction and motivation
- 2:07Creating TresJS with Vite
- 3:55TresJS core features
- 8:16First 3D scene with TresJS
- 11:25TresJS ecosystem and plugins
- 13:17Hot module replacement in TresJS
- 14:21Documentation and testing
- 15:46Resources and community
related talks
22mTresJS, a declarative way of creating 3D scenes from Vue components
32mHow to create 3D experiences using Vue with TresJS
21mVue's Road to Vite
10mAI and Developer Tooling
32mHow Vite Changes the Game for Vue and Web development
42m"Vite – TYPO3’s nimble frontend companion"
50mNuxt and Vite Core Teams LIVE panel
25mHow Vite Makes Nuxt Possible