OpenSkillIndex← back to search
claude-codedevelopment

Claude-skill-registry dependency-injection-patterns

Decouple business logic from UI using Inversion of Control with Context and Hooks.

install
source · Clone the upstream repo
git clone https://github.com/majiayu000/claude-skill-registry
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/majiayu000/claude-skill-registry "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/data/dependency-injection-patterns" ~/.claude/skills/majiayu000-claude-skill-registry-dependency-injection-patterns && rm -rf "$T"
manifest: skills/data/dependency-injection-patterns/SKILL.md
tags
#dependency-injection#react-patterns#inversion-of-control#context-api#testing#architecture
source content

Dependency Injection Patterns in React

Summary

Decouple business logic from UI using Inversion of Control with Context and Hooks.

Key Capabilities

  • Inject service implementations.
  • Mock dependencies.
  • Manage service lifecycles.

PhD-Level Challenges

  • Prevent Context hell.
  • Ensure type safety.
  • Avoid re-renders.

Acceptance Criteria

  • Provide DI container.
  • Demonstrate hot-swapping.
  • Show improved testability.