solid-jsx-attributes

What problem does it solve?

This Skill clarifies the usage and behaviors of JSX attributes in SolidJS, helping developers avoid common pitfalls related to attribute merging, event handling, and directives.

Core Features & Use Cases

• Comprehensive Reference: Details on how SolidJS recognizes and processes various JSX attribute prefixes like attr:, prop:, bool:, on:, and use:.
• Best Practices: Guidance on combining class and classList, handling style objects, and managing ref assignments.
• Use Case: A developer needs to implement a component with dynamic classes and custom elements, ensuring correct attribute application to avoid bugs and improve performance.

Quick Start

Use this skill to understand how to correctly assign and manage JSX attributes like ref, style, class, and event handlers in SolidJS components.