# Solidjs

> SolidJS reactive UI library with fine-grained reactivity and JSX. Use for performant React-like apps.

- Skill: `g1joshi/solidjs` (Agent Skill)
- Install (CLI): `npx skillmds@latest add g1joshi/solidjs`
- Raw SKILL.md: https://api.skillmd.com/api/skills/g1joshi/solidjs/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: G1Joshi (https://skillmd.com/u/g1joshi)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/g1joshi/solidjs

---


# SolidJS

SolidJS looks like React but has **no Virtual DOM**. It compiles to direct DOM updates using fine-grained reactivity (Signals). 2025 focuses on SolidStart (meta-framework).

## When to Use

- **Performance**: Consistently tops benchmarks.
- **Real-time**: Fine-grained updates make it ideal for dashboards.
- **Mental Model**: If you prefer "it only runs once" components vs React's re-renders.

## Core Concepts

### Signals (`createSignal`)

The atom of state. `const [count, setCount] = createSignal(0)`.

### Effects (`createEffect`)

Runs when dependencies change. Automatic dependency tracking.

### Show / For

Control flow components (`<Show when={...}>`) instead of `map`.

## Best Practices (2025)

**Do**:

- **Use `createResource`**: For async data fetching.
- **Access signals as functions**: `count()` not `count`.
- **Use SolidStart**: For file-system routing and SSR.

**Don't**:

- **Don't destructure props**: Reactivity is lost if you destructure `props`.

## References

- [SolidJS Documentation](https://www.solidjs.com/)