Configure TypeScript and SolidJS for strongly-typed component development.
npx skills add https://github.com/adamhjk/mvtt --skill solid-typescript
Please help me install this Agent Skill. Skill: solid-typescript Source: https://github.com/adamhjk/mvtt/tree/main/.claude/skills/solid-typescript Command: npx skills add https://github.com/adamhjk/mvtt --skill solid-typescript
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.
tsconfig.json for SolidJS compatibility with correct JSX and import settings.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.
High-intent search queries and answers about installing and using this skill.
To configure TypeScript for SolidJS, set `jsx: "preserve"` and `jsxImportSource: "solid-js"` in your `tsconfig.json` to ensure correct JSX compilation and import settings for type-safe component creation.
You can type SolidJS components by importing and applying the `Component` type from `solid-js`, which supports generics and proper function component declarations for robust type safety across your application.
JSX type augmentation in SolidJS extends the JSX namespace to include custom directives, events, and properties, allowing TypeScript to recognize and validate custom element attributes within your components.
Yes, you can type custom event handlers in SolidJS by augmenting the JSX namespace, which provides precise typing for events and ensures error-free event handling within your strongly typed components.
SolidJS TypeScript projects fail to recognize custom JSX properties when the JSX namespace is not augmented, requiring you to extend it with proper module declarations to resolve type errors.
The best way to ensure type safety in a scalable SolidJS application is combining correct `tsconfig.json` setup, proper `Component` typing, and JSX namespace augmentation for custom directives and event handlers.
lucasilverentandRender server-side HTML with Hono's built-in JSX integration.
adamhjkManage DOM element refs and custom directives in SolidJS components.
vallafedericoExplain SolidJS advanced reactive primitives for fine-grained state updates.
aliepratamaManage shadcn/ui component installation, updates, and documentation in frontend projects.