Introduction

Get started

• Why ShadowJS: ShadowJS compiles JSX into direct DOM updates. A component runs once, and a change touches only the node that reads it.
• Quick start: Create an app, run it, and change a component.
• Project structure: How a ShadowJS app is laid out on disk, what each file does, and which package provides which part of the framework.

Learn

• The mental model: A component runs once. What runs again is the small piece of code around each place that reads a signal.
• Forgiving reactivity: The exact rules by which the compiler keeps plain constants, destructured props and conditional returns live inside components, each rule proven, and the limits where it stops.