solid-stores

Model nested reactive state in SolidJS with path syntax and update strategies.

2|2|Updated May 1, 2026
One-click install
npx skills add https://github.com/adamhjk/mvtt --skill solid-stores
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: solid-stores
Source: https://github.com/adamhjk/mvtt/tree/main/.claude/skills/solid-stores
Command: npx skills add https://github.com/adamhjk/mvtt --skill solid-stores

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires solid-js/store, and includes scripts (resource) components.

What problem does it solve?

Developers struggle with managing complex nested reactive data in SolidJS, especially when dealing with deep structures and multi-level updates.

Core Features & Use Cases

  • Fine-grained reactive state management: Create and update nested reactive stores with path syntax, enabling precise reactivity.
  • Flexible update methods: Use functions like produce, reconcile, unwrap, createMutable, and modifyMutable to handle different update scenarios.
  • Use Case: Building a collaborative real-time editing application where nested user data and document states need efficient, reactive updates.

Quick Start

Use the solid-stores skill to implement nested reactive states with createStore and update them using produce for complex modifications.

Frequently Asked Questions about solid-stores

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I manage nested reactive state efficiently in SolidJS?

Manage nested reactive state in SolidJS by using createStore to define your data structure and applying path syntax for fine-grained updates. This approach enables precise reactivity for complex user interface applications.

What is the best way to update deep nested objects in SolidJS stores?

The best way to update deep nested objects in SolidJS stores is using the produce function. It allows you to mutate nested data within a draft, streamlining complex state updates for multi-level structures efficiently.

When should I use reconcile vs produce for SolidJS state updates?

Use produce for targeted draft mutations of nested data, while reconcile efficiently merges completely new data structures into your existing store. Choose based on whether you are applying granular modifications or replacing the overall state object.

Do I need solid-js/store to handle complex nested data in SolidJS?

Yes, the solid-js/store package is required to handle complex nested data in SolidJS. It provides the core createStore functionality and update strategies required to model deep reactive structures efficiently.

How does fine-grained reactivity work with nested arrays in SolidJS?

Fine-grained reactivity tracks specific nested paths within arrays using path syntax. This ensures that only the affected nested elements trigger updates, streamlining multi-level modifications without invalidating unrelated reactive dependencies.