sveltejs /

Svelte

Live map
View repository
Snapshotmain · c0987c0

A multi-phase compiler analyzes components and emits code that drives a fine-grained reactive runtime.

Click a building or route
Choose a path

Turn component text into analyzed client code and instantiate it in the browser.

System map7 components · 8 connections
130%
Svelte: components become targeted updates architectureFollow source through the four compiler buildings, then trace generated component work around the runtime loop.component text and par…markup, instance, modu…scopes, bindings, depe…generated component fu…Compiler APIParserAnalyzerClienttransformComponentrendererEffect graphReactiveruntime
Connections
BuildingsEntryServiceComputeStorageRuntimeToolingExternal

Terms, in plain English

RuneSvelte syntax that declares reactive state, derived values, effects, or component inputs.

How to study this repo

  1. 1
    Parse a component

    Follow markup and script source into the compiler's component AST.

  2. 2
    Inspect generated code

    See how analysis metadata becomes client initialization and template operations.

  3. 3
    Follow one state write

    Trace a changed signal through effect scheduling into a DOM mutation.