solid-effects

What problem does it solve?

This Skill addresses the challenge of managing side effects and lifecycle hooks in SolidJS components, enabling users to efficiently handle DOM updates, network requests, subscriptions, and cleanup operations within reactive contexts.

Core Features & Use Cases

• Reactive Effect Management: Facilitates creating effects that respond to signal changes, such as logging or fetching data.
• Lifecycle Hooks: Provides straightforward methods like onMount and onCleanup to manage component mount and unmount behaviors.
• Use Case: For example, automatically updating the document title based on a counter signal or managing subscriptions that need cleanup when a component unmounts.

Quick Start

Use this Skill to set up an effect that logs a signal value whenever it changes, and clean up a timer when the component unmounts.