solid-refs

What problem does it solve?

Managing DOM element references in SolidJS can be cumbersome, especially when creating reusable behaviors and integrating third-party libraries.

Core Features & Use Cases

• Direct DOM access: Provides variable and callback forms for referencing elements in SolidJS components.
• Reusable directives: Enables custom DOM behaviors like focus, size observation, and directives via use:*.
• Use Case: Easily integrate a resize observer on multiple elements or create shared focus behaviors across components.

Quick Start

Use the solid-refs skill to create a reusable focus directive that focuses a button when a condition becomes true.