Define and manage reactive state with rikka signals, computed values, and effects.
npx skills add https://github.com/yw662/rikka --skill reactive-state-yw662
Please help me install this Agent Skill. Skill: reactive-state Source: https://github.com/yw662/rikka/tree/main/skills/reactive-state Command: npx skills add https://github.com/yw662/rikka --skill reactive-state-yw662
This Skill helps you create predictable reactive state in rikka without manual bookkeeping, so updates, derived values, and side effects stay synchronized.
Use the reactive-state skill to create a signal-based counter with a derived value, an effect, and a safe untracked read.
High-intent search queries and answers about installing and using this skill.
To manage reactive state with signals, you create writable state using signal, derive automatic recalculations with computed, and handle side effects with effect, ensuring predictable updates without manual bookkeeping.
You can read current signal values without subscribing by using untracked reads, which provide a snapshot of the state instead of establishing a dependency for effects or computed values.
Avoid feedback loops in reactive state by separating reads from writes, utilizing untracked reads for snapshots and batching updates to prevent recursive triggers within effects.
Yes, computed signals automatically recalculate derived values from dependencies, while effect manages side effects like DOM synchronization and handles proper disposal through cleanup.
Yes, the reactive state implementation requires correct use of signal, computed, effect, and untracked with TC39 Signals semantics for TypeScript-friendly integration.
nguyennd93Automate test directory, configuration, and CI/CD setup for Node.js/TypeScript projects.
TheNordicOneReview Angular Signals code for effect and computed usage.
yw662Build reactive web components with TC39 Signals and native custom elements.
analogjsImplements signal-based reactive state management for Angular 20+ components.
