solid-syntax-context

What problem does it solve?

Sharing and injecting state across SolidJS components is error-prone when porting patterns from React. This Skill provides a typed context API (createContext, useContext, and Provider) to enable predictable, scoped state sharing and dependency injection across component trees.

Core Features & Use Cases

• Typed contexts with createContext and useContext, plus a guard-enabled hook to enforce Provider presence.
• Support for reactive values via signals and stores, ensuring changes propagate efficiently without breaking reactivity.
• Nested Providers and override capabilities for scoped state and clean dependency injection in complex UIs.

Quick Start

Create a separate module that exports a typed useContext hook, wrap your app with a Provider, and consume the context in components through the hook.