skills.rest
spearwolf
spearwolfCOMMUNITY
Explore all skills by this author →
Website𝕏@spearwolfGitHub

signalize-decorators

Apply TC39 decorators to TypeScript class members for reactive signals and memoization.

30|1|Updated Sep 16, 2021
Search Tags:#typescript#reactivity#experimental#memo#decorators#class-based#signalize
One-click install
npx skills add https://github.com/spearwolf/signalize --skill signalize-decorators
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: signalize-decorators
Source: https://github.com/spearwolf/signalize/tree/main/skills/signalize-decorators
Command: npx skills add https://github.com/spearwolf/signalize --skill signalize-decorators

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Class-based state often lacks reactivity without boilerplate, and decorators intro help attach signals and memoization directly to class members, enabling automatic tracking with minimal code.

Core Features & Use Cases

  • Decorator-based reactive properties using @signal
  • @memo decorator for computed values
  • Clear guidance for production caution and fallback manual approaches

Quick Start

Start by applying @signal and @memo decorators to a TypeScript class to create reactive properties and computed values.

Frequently Asked Questions about signalize-decorators

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

FAQPage Schema
How do I add reactivity to TypeScript class properties without boilerplate?▼

Reactive class properties in TypeScript can be created using the @signal decorator to attach signals directly to class members, enabling automatic dependency tracking across reads and writes with minimal code.

Can I use decorators for computed values in a TypeScript class?▼

Computed values in a TypeScript class can be implemented using the @memo decorator, which attaches memoization directly to class methods to handle calculated state based on reactive signals.

How do TC39 decorators work with signalize for state management?▼

TC39 decorators integrate with signalize by automatically wrapping class members in signals and memos, tracking dependencies during execution to provide ergonomic class-based state management.

Is it safe to use experimental decorators for reactivity in production code?▼

Production usage of experimental decorators requires caution, and it is recommended to maintain fallback patterns using manual signal creation like createSignal and createMemo to ensure code stability.

What is the difference between using class decorators and manual signal creation?▼

Class decorators provide an ergonomic syntax that attaches signals automatically, whereas manual signal creation using createSignal and createMemo offers explicit control without relying on experimental decorator syntax.

Related Skills

Explore More Software Engineering Skills→
yw662yw662
6

reactive-state

Define and manage reactive state with rikka signals, computed values, and effects.

Community
Intermediate
yw662yw662
6

signal-binding

Bind reactive signal values into DOM text, attributes, and template slots.

Community
Intermediate
OpenAEC-FoundationOpenAEC-Foundation
4

solid-impl-state-patterns

Guide SolidJS state pattern selection with a decision-tree for signals, stores, and context.

Official
Advanced
AnExiledDevAnExiledDev
9

svelte5

Adopt Svelte 5 runes for explicit component reactivity and state management.

Community
Advanced