solid-impl-state-patterns

Use createSignal for primitive values and createStore for nested objects or arrays in SolidJS. This decision-tree approach selects primitives based on data shape, ensuring predictable reactivity and preventing destructuring anti-patterns.

Manage SolidJS form state using dedicated patterns that combine signals and stores appropriately. This avoids deriving state with createEffect, instead leveraging createMemo for predictable reactivity across form inputs.

The best way to share SolidJS state is using createContext combined with a createStore. This context and store composition strategy allows scalable state distribution without prop drilling across the component tree.

Using createEffect for derived state in SolidJS causes synchronization issues and unnecessary overhead. Developers should use createMemo instead to compute derived values synchronously and maintain predictable reactivity.

Integrate external state with SolidJS stores using the from and reconcile utilities. This pattern ensures external data changes are diffed and applied efficiently, maintaining scalable and robust application architecture.