solidjs-components

What problem does it solve?

This Skill streamlines the creation and management of SolidJS components by providing best practices for prop handling, TypeScript integration, and lifecycle management.

Core Features & Use Cases

• Component Structure: Understand the fundamental function-based nature of SolidJS components.
• Prop Handling: Learn the correct way to access props to maintain reactivity, use mergeProps for defaults, and splitProps for forwarding.
• Children Management: Utilize the children() helper for programmatic access to component children.
• TypeScript Integration: Leverage type definitions for various component types and event handling.
• Lifecycle Hooks: Implement onMount for setup and onCleanup for resource management.
• Refs and Directives: Manage DOM element references and apply custom behaviors with use: directives.

Quick Start

Use the solidjs-components skill to create a new SolidJS button component that accepts a 'variant' prop.