🚀 Foundation
Start here to learn the basics of StarHTML and reactive programming.
Syntax Patterns
Learn StarHTML syntax patterns and best practices
Basic Signals
Reactive data binding with Datastar signals
Server-Sent Events
Real-time updates with SSE elements
Forms & Binding
Form handling and data binding patterns
🔧 Intermediate
Build on the basics with more advanced patterns and debugging techniques.
SSE Debugging
Debug SSE merge elements and real-time updates
Async SSE
Asynchronous SSE handlers and patterns
âš¡ Advanced
Master advanced handlers and real-time interactive patterns.
Persist Handler
Data persistence with localStorage and sessionStorage
Scroll Handler
Scroll detection and position tracking
Resize Handler
Window and element resize detection
New Datastar Attributes
Explore data-ignore, data-on-load, and more
Todo List CRUD
Server-driven todo list with session storage and validation
Drag Handler
Drag-and-drop sortable lists with reactive state management
🎯 Freeform Drag with Zones
Drag items anywhere while zones track what's over them
Canvas Handler
Infinite pannable/zoomable canvas with touch support
Full-Page Canvas
Full viewport infinite canvas with keyboard shortcuts
🔗 Composable Node Graph
Build a node graph by combining canvas + drag handlers