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

Ready to run

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

💬 Prompt for ChatGPT / Claude Chat▼

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.