The guide
These pages introduce justdom one idea at a time, in the order the ideas build on each other. Each one says what a part of the family is for, shows it in a few lines, and points to the API reference for every option and every rule.
- Getting started — which packages to install for what you render.
- Reactivity — signals, derived values and effects, and why nothing computes until it is read.
- Rendering the DOM — elements, operators, lists, text and stylesheets, and how a tree is mounted.
- Server rendering — the same tree in a jsdom document, and hydrating its markup in the browser.
- Rendering a scene — the same model for a Three.js scene graph.
- Headset sessions — the Enter button, the emulator, and what a page needs to know about the session.
- Pointing and grabbing — rays, cursors, picking things up and carrying them.
- DOM panels — ordinary DOM mirrored into the scene, pointed at and typed into.
- Writing CSS for a panel — what a panel draws of the page's CSS and what it leaves out.
- Mirrors and HTML-in-Canvas — how a mirrored panel differs from one the browser paints into a texture, and when to use each.
- Development — hot reloading with live state, theming and outlines modes, the frame rate readout.
The demos are full apps built on these packages, and each one links to its source.