signalize-groups

Manage lifecycle and logical grouping of reactive signals in class contexts.

30|1|Updated Sep 16, 2021

Search Tags:#typescript #javascript #patterns #component #lifecycle #reactivity #signal-group

Ready to run

npx skills add https://github.com/spearwolf/signalize --skill signalize-groups

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: signalize-groups
Source: https://github.com/spearwolf/signalize/tree/main/skills/signalize-groups
Command: npx skills add https://github.com/spearwolf/signalize --skill signalize-groups

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

SignalGroup manages lifecycle and logical grouping for class/object-attached reactivity, enabling clean destruction and structured organization of signals and effects.

Core Features & Use Cases

Lifecycle management: destroy all signals and effects when an object is destroyed
Logical grouping: organize related signals/effects under a common group
Named signals and parent-child hierarchies: share signals across related groups
SignalAutoMap integration: dynamic signal collections can be managed within groups
Component/module patterns: apply to components, services, and feature modules to keep state predictable

Quick Start

Create a SignalGroup for your class, attach signals or effects to it, and call SignalGroup.delete(this) during cleanup.

Frequently Asked Questions about signalize-groups

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I manage reactive signal lifecycle and cleanup in component classes?▼

Reactive signal lifecycle management involves grouping signals and effects within class-attached contexts so they are destroyed together. SignalGroup enables attaching signals to objects and calling clear or delete operations during component cleanup to prevent memory leaks.

What is the best way to group related signals and effects in TypeScript?▼

Grouping related signals and effects in TypeScript uses logical collections under a common parent group. SignalGroup provides findOrCreate methods to establish named signals and hierarchical parent-child relationships for structured state organization across modules.

Why do I need to organize reactive signals into hierarchical groups?▼

Organizing reactive signals into hierarchical groups allows shared state across related child groups and predictable destruction. Parent-child behavior in SignalGroup ensures that clearing a parent properly cascades cleanup to all attached child signals and effects.

Can I attach signals and effects to specific object instances for modular cleanup?▼

Attaching signals and effects to specific object instances is supported through class-attached reactivity contexts. SignalGroup allows components and services to bind signals to object lifecycles, enabling targeted cleanup via SignalGroup.delete when the object is destroyed.

How do I clear or destroy all signals attached to a component lifecycle?▼

Clearing or destroying all signals attached to a component lifecycle requires calling SignalGroup.delete during the object's cleanup phase. This operation removes all attached signals, effects, and links managed by the group, ensuring complete resource deallocation.