JavaScript Tutorial

Learn Luna UI with JavaScript/TypeScript.

Getting Started

npm install @luna_ui/luna

Introduction

• Basics - Your first reactive component

• Signals - Reactive state containers

• Effects - Side effects and subscriptions

• Memos - Computed/derived values

Reactivity

• Batch - Batching multiple updates

• Untrack - Reading without tracking

• Nested Effects - Effect composition

Control Flow

• Show - Conditional rendering

• For - List rendering

• Switch - Multi-way branching

Lifecycle

• onMount - Component mount callback

• onCleanup - Cleanup and disposal

Islands

• Basics - Island architecture fundamentals

• State - State management in islands

• Triggers - Hydration triggers

• Web Components - Custom elements integration

See Also

• JavaScript API Reference - API Reference

• MoonBit Tutorial - MoonBit version

• Sol SSG - Static site generation