frontend-services

What problem does it solve?

This Skill helps you keep frontend logic organized, reusable, and testable by moving shared behavior out of views and into well-defined service modules and providers.

Core Features & Use Cases

• Singleton service patterns: Create lazy, module-level getters for service classes instead of instantiating them directly.
• Framework singleton usage: Safely consume app context, GraphQL, and config services in callbacks, lifecycle code, and other non-React locations.
• Shared reactive state: Use React context and app provider registration when state must be shared across components and trigger re-renders.
• Use case: Build a dashboard data service that composes GraphQL queries, caches results, and exposes a stable API to multiple views.

Quick Start

Ask the assistant to create a Drumr frontend service that uses a module-level singleton getter, consumes framework singletons correctly, and shares reactive state through a React provider when needed.