DOMPP Architecture Docs

Runtime Architecture

Visual documentation describing how DOMPP performs deterministic mutation, optional reactivity, enhancement, and fine-grained signal updates directly on native DOM APIs.

Back to Home Explore Examples

DOMPP Vision

DOMPP explores the idea that browser-native DOM mutation APIs can become expressive enough to support:

Instead of replacing the DOM, DOMPP attempts to extend it.

If browser-native mutation APIs became sufficiently ergonomic, frameworks and compilers could potentially build on top of this infrastructure rather than recreating their own rendering runtimes.

Architecture Diagrams

These diagrams explain the internal mental model, runtime flow, and architectural positioning of DOMPP.

Runtime Flow

Runtime Flow

High-level overview of how setters, mutation callbacks, and DOM updates flow through the runtime.

mutation
runtime
setters
Stateful Runtime

Stateful Runtime

Explains how local element state reruns reactive setter callbacks after mutation.

setState
reactivity
Fine-Grained Signals

Fine-Grained Signals

Describes signal dependency tracking and direct setter subscriptions.

signals
fine-grained
Enhancement Flow

Enhancement Flow

Demonstrates how DOMPP enhances existing DOM structures without subtree recreation.

enhancement
progressive
children vs childNodes

children vs childNodes

Explains the behavioral difference between structural element reuse and exact DOM preservation.

DOM nodes
reuse
DOMPP Positioning

DOMPP Positioning

Conceptual positioning of DOMPP relative to frameworks, rendering runtimes, and browser-native APIs.

ecosystem
architecture
DOMPP Vision

DOMPP Vision

Long-term conceptual vision for browser-native mutation infrastructure.

future
browser APIs