Refs & DOM Access

Demonstrating direct DOM element access using createRef, callback refs, and reactive subscriptions.

createRef Demo

Create a ref object with reactive current property and dimension tracking.

Dimensions
0px
Width
0px
Height
Resize me!
Subscribe callbacks: 0

Callback Ref Demo

Use function-based refs for immediate element access and focus control.

Subscription Demo

Subscribe to ref changes for reactive updates when elements mount/unmount.

Click Count
0
How it works: