Skills
.Work. You
Rest

solid-core-jsx-attributes

Community

Master SolidJS JSX attribute nuances.

Software Engineering#performance#reactivity#jsx#web components#attributes#solidjs
Authorvallafederico
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill clarifies and demonstrates advanced JSX attribute usage in SolidJS, enabling developers to optimize performance and correctly integrate with Web Components.

Core Features & Use Cases

  • Performance Optimization: Use @once for static values to reduce unnecessary reactivity.
  • Web Component Integration: Utilize attr:*, bool:*, and prop:* for precise attribute and property handling.
  • Content Manipulation: Employ textContent and innerHTML for direct element content updates, with appropriate warnings.
  • Use Case: When building a custom SolidJS component that interacts with a third-party Web Component, you can use attr:data-id to set an attribute or prop:value to set a property, ensuring correct communication.

Quick Start

Learn how to use the @once directive in SolidJS JSX for static values.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: solid-core-jsx-attributes
Download link: https://github.com/vallafederico/solid-ai-rules/archive/main.zip#solid-core-jsx-attributes

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.