Manage DOM element refs and custom directives in SolidJS components.
npx skills add https://github.com/adamhjk/mvtt --skill solid-refs
Please help me install this Agent Skill. Skill: solid-refs Source: https://github.com/adamhjk/mvtt/tree/main/.claude/skills/solid-refs Command: npx skills add https://github.com/adamhjk/mvtt --skill solid-refs
Managing DOM element references in SolidJS can be cumbersome, especially when creating reusable behaviors and integrating third-party libraries.
use:*.Use the solid-refs skill to create a reusable focus directive that focuses a button when a condition becomes true.
High-intent search queries and answers about installing and using this skill.
Reusable directives in SolidJS are created using the `use:*` syntax to attach custom behaviors like focus management or size observation directly to DOM elements. This approach encapsulates logic for clean setup and teardown across components.
The best way to manage focus and size observation is by creating shared ref behaviors or custom directives. This allows you to easily attach resize observers or focus management logic to multiple elements without duplicating code.
Yes, you can use both variable and callback forms for referencing DOM elements in SolidJS. This dual support ensures type safety and flexibility when integrating third-party libraries or handling direct DOM access.
Forwarding refs through SolidJS components is handled by passing variable or callback refs down the component tree. This maintains type safety and ensures clean setup and teardown for DOM interactions.
Integrating third-party libraries becomes cumbersome because managing direct DOM element references and their lifecycle behaviors manually is error-prone. Using structured ref utilities and custom directives ensures clean setup and teardown.
adamhjkConfigure TypeScript and SolidJS for strongly-typed component development.
msichtermanCreate Expo Router API routes hosted on EAS Hosting with TypeScript and HTTP methods.
vallafedericoExplain SolidJS advanced reactive primitives for fine-grained state updates.
juhas96Develop custom attribute, structural, and host directives in Angular.