Guide AI assistants in teaching Aberdeen's reactive UI patterns and code generation.
npx skills add https://github.com/vanviegen/aberdeen --skill aberdeen
Please help me install this Agent Skill. Skill: aberdeen Source: https://github.com/vanviegen/aberdeen/tree/main Command: npx skills add https://github.com/vanviegen/aberdeen --skill aberdeen
Aberdeen provides guidance for building reactive UIs with a fine-grained reactivity model, helping developers and AI assistants understand and implement efficient UI patterns without a virtual DOM.
Start by creating an element with $('div') and binding it to a proxied value to observe live updates as the data changes.
High-intent search queries and answers about installing and using this skill.
You build a reactive UI without a virtual DOM by using fine-grained reactivity models that update the DOM directly. Aberdeen guides this process using reactive primitives like proxies and onEach to refresh only the necessary parts.
Fine-grained reactivity tracks dependencies at the expression level so only affected DOM nodes update. Proxies act as reactive state containers that trigger DOM updates automatically when their underlying data changes.
To create a reactive element, call $('div') to generate a DOM node and bind it to a proxied value. Observing the proxied data ensures the element updates live as the data changes.
Yes, you can use reactive routing and transitions for complex applications. Aberdeen supports routing, transitions, and predictions to build responsive dashboards, editors, and component libraries efficiently.
The best way to handle reactive lists is using the onEach primitive. It maps over proxied arrays to render list items and performs precise DOM updates when items are added, removed, or modified.
Choose a fine-grained reactive UI when building dashboards, editors, or component libraries that require maximum update efficiency. By skipping the virtual DOM diffing overhead, you refresh only the necessary parts directly.
yw662Build reactive web components with TC39 Signals and native custom elements.
ximingManage React application state with Service-oriented architecture and observable patterns.
mgd34msuManage application state with proxy-based reactivity and direct mutations.
mgd34msuGuide users in building reactive SolidJS UIs with signals, effects, and memos.
