solid-syntax-stores

Official

SolidJS stores with fine-grained reactivity

AuthorOpenAEC-Foundation
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Managing complex nested state in SolidJS can lead to broken reactivity and hard-to-maintain code when mutating plain objects directly. This Skill provides a clear, scalable approach to using createStore with path-based updates, lazy signals, and safe utilities like produce, reconcile, unwrap, and createMutable to preserve fine-grained reactivity.

Core Features & Use Cases

  • CreateStore for proxy-based nested state with per-property tracking.
  • Path-based setters that update only targeted properties, preserving references elsewhere.
  • Utilities: produce for transactional mutations, reconcile for API data sync, unwrap for serialization, and createMutable for MobX/Vue-style scenarios.
  • Guidance and anti-patterns references to avoid destructive patterns like deep spreads and direct mutation.

Quick Start

Create a store with a nested object and update a path to observe reactive updates.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: solid-syntax-stores
Download link: https://github.com/OpenAEC-Foundation/SolidJS-Claude-Skill-Package/archive/main.zip#solid-syntax-stores

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.