A reference object with a value property linked to the specified proxy property.
const formData = A.proxy({ color: 'orange', velocity: 42 });
// Usage with `bind`
A('input type=text bind=', A.ref(formData, 'color'));
// Usage as a dynamic property, causes a TextNode with just the name to be created and live-updated
A('p text="Selected color: " text=', A.ref(formData, 'color'), 'color:', A.ref(formData, 'color'));
// Changes are actually stored in formData - this causes logs like `{color: "Blue", velocity 42}`
A(() => console.log(formData))
Creates a reactive reference (
{ value: T }-like object) to a specific value within a proxied object or array.This is primarily used for the
bindproperty in A to create two-way data bindings with form elements, and for passing a reactive property to any of the A key-value pairs.Reading
ref.valueaccesses the property from the underlying proxy (and subscribes the current scope). Assigning toref.valueupdates the property in the underlying proxy (triggering reactive updates).