wire-shared-dependencies
CommunityWire shared dependencies into your app.
Authorkibertoad
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Shared dependencies are how modules access cross-cutting concerns (auth, config, HTTP client, analytics, feature flags). They come in three flavors:
- Zustand stores - reactive state that components subscribe to via useStore().
- Plain services - stable instances (HTTP clients, loggers) that don't trigger re-renders. Accessed via useService().
- Reactive services - external sources you observe but don't control (call adapters, websockets, presence systems). Accessed via useReactiveService().
CLI shortcut for stores: reactive create store <name> automates steps 1-4 for Zustand stores. Use manual wiring for plain services, reactive services, or when the CLI doesn't fit.
Core Features & Use Cases
- Declares dependencies as contracts (zustand stores, plain services, reactive services) and wires them into the host app.
- Enables modules to access services via typed hooks (useStore, useService, useReactiveService) against AppDependencies.
- Supports optional dependencies via useOptional and optionalRequires for environment-specific wiring.
Quick Start
Define the contract, implement in the shell, register in the registry, and use it from modules via the corresponding hook.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: wire-shared-dependencies Download link: https://github.com/kibertoad/tanstack-react-modules/archive/main.zip#wire-shared-dependencies Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.