solid-typescript

What problem does it solve?

This Skill addresses the complexity of configuring and typing SolidJS projects with TypeScript, making component creation, JSX integration, and event handling more precise and less error-prone.

Core Features & Use Cases

• TypeScript Configuration: Guides setup of tsconfig.json for SolidJS compatibility with correct JSX and import settings.
• Component Typing: Clarifies how to declare various SolidJS component types, including generics and function components.
• JSX Type Augmentation: Explains how to extend the JSX namespace for custom directives, events, and properties.
• Use Case: You want to build a strongly typed, scalable SolidJS application with custom directives and event handlers, ensuring type safety across components.

Quick Start

Set up your tsconfig.json with jsx: "preserve" and jsxImportSource: "solid-js", then use proper Component types and augmentation to write type-safe Solid components.