Explain rEFui retained-mode and signals for building reactive UIs.
npx skills add https://github.com/SudoMaker/rEFui --skill refui
Please help me install this Agent Skill. Skill: refui Source: https://github.com/SudoMaker/rEFui/tree/main/skills/refui Command: npx skills add https://github.com/SudoMaker/rEFui --skill refui
This Skill helps developers quickly adopt rEFui's retained-mode with signals, enabling reactive UIs without relying on the library source. It guides you through choosing JSX modes, DOM/HTML renderers, and debugging practices when UI updates lag behind state changes.
Initialize a minimal rEFui project with automatic JSX runtime and a DOM renderer, then implement a counter component using signals.
High-intent search queries and answers about installing and using this skill.
Retained mode signals drive reactive UI updates by establishing a component setup phase that binds state, enabling incremental DOM rendering only when those specific signals change. This model separates initial component setup from continuous rendering.
Migrate React or Vue state patterns to a retained mode signals model by mapping existing component state to rEFui signals and applying retained-mode idioms for smoother transitions. A small React button can be directly compared to a rEFui signals implementation.
Choose automatic or classic JSX transforms based on your stack requirements and the selected DOM or HTML renderer. The automatic JSX runtime is recommended for initializing minimal rEFui projects with a DOM renderer.
Your UI does not update when signals change after migration due to incorrect directive application or broken retained-mode bindings. Diagnose the UI not updating problem by verifying on:/class:/style:/attr:/prop:/m: patterns and leveraging refurbish/refui/hmr workflows.
Apply on and class directives safely in JSX by using on:/class:/style:/attr:/prop:/m: macro patterns within safe scopes. Correct directive application ensures that signals properly bind to DOM attributes and properties for incremental updates.
brianwestphalBuild kerf reactive UIs in TypeScript/JSX with mounts, morphs, stores, and delegated events.
VaggelisKaRun web code in native Expo apps using DOM components.
yw662Build reactive web components with TC39 Signals and native custom elements.
gil00pitaManage reactive app state with atoms, maps, and computed stores.
