Solid.js Fine-Grained Reactivity

Build reactive UIs with Solid.js — fine-grained signals, no virtual DOM, React-like JSX. Covers signals, stores, resources, SolidStart routing, server actions, and migration from React.

This skill helps you build Solid.js applications. It writes components with createSignal and createMemo, manages complex state with createStore, fetches data with createResource and Suspense, builds full-stack apps with SolidStart's file routing and server actions, handles forms with createServerAction, and deploys to Vercel/Netlify/Cloudflare. Covers the mental model shift from React (props are reactive, components run once), common pitfalls, and when to choose Solid over React.

When to use

Use when building performance-sensitive interactive apps, dashboards with frequent updates where React rerenders cause jank, apps where bundle size matters, or when you want React's ergonomics with finer reactive primitives.

Examples

SolidStart full-stack app

Build a SolidStart todo app with server actions

Create a SolidStart todo app with file routing, createServerAction for mutations, optimistic updates, and SQLite via Drizzle

Migrate React component

Port a React component to Solid idioms

Convert this React component with useState/useEffect/useMemo to Solid using signals and memos, removing unnecessary effects