Solid
Solid.js-specific linting rules for Ultracite.
The Solid configuration has Solid.js-specific linting rules for reactivity, component patterns, and JSX handling.
Installation
Add the Solid configuration to your biome.jsonc:
{
"extends": ["ultracite/core", "ultracite/solid"]
}Overview
This configuration adds rules specific to Solid.js development:
- Reactivity Rules: Enforce proper use of Solid's reactive primitives
- Component Patterns: Ensure Solid components follow best practices
- Props Handling: Prevent destructuring props (breaks reactivity)
- React-Specific Props: Disallow React-specific props in Solid components
Solid-Specific Rules
Correctness
| Rule | Setting | Description |
|---|---|---|
noSolidDestructuredProps | error | Prevent destructuring props in Solid components. Destructuring breaks Solid's reactivity system. Access props directly instead. |
Performance
| Rule | Setting | Description |
|---|---|---|
useSolidForComponent | error | Enforce using <For> component for iterating over arrays in Solid. The <For> component is optimized for Solid's reactivity. |
Suspicious
| Rule | Setting | Description |
|---|---|---|
noReactSpecificProps | error | Disallow React-specific props like className and htmlFor in Solid. Use class and for instead. |
How is this guide?