SolidJS

Use Solid primitives and rendering semantics instead of React patterns. Solid updates through fine-grained reactivity; component bodies are setup code, not repeated render functions.

Reactivity

• Use createSignal, createMemo, createEffect, createResource, and stores where they fit the data shape.
• Do not use React hooks such as useState or useEffect.
• Read signals by calling accessors, for example count(), inside JSX or reactive scopes.
• Keep derived values in createMemo when they are reused or expensive enough to name.
• Use createResource for async data that belongs to the component/reactive lifecycle.
• Avoid copying props into signals unless local editable state is actually needed.

JSX Ownership

Do not store or pass fully instantiated JSX elements as dynamic state through signals or context. This hides ownership and makes rendering harder to reason about.

Prefer one of these patterns: