solid-props

What problem does it solve?

It addresses common pitfalls in handling component props within SolidJS, preventing reactivity issues caused by destructuring or aliasing props at component initialization.

Core Features & Use Cases

• Reactive Props Management: Guides on correctly using props as a reactive proxy in SolidJS components.
• Advanced Utilities: Provides techniques like mergeProps, splitProps, and children to preserve reactivity.
• Use Case: When building a complex UI component library, maintain reactive updates by correctly forwarding and managing props, avoiding stale state.

Quick Start

Use the solid-props skill to implement a component that merges default properties with incoming props and forwards relevant attributes to a DOM element.