Can I use this skill for frontend React development?

Yes, this skill includes specific patterns for using ManagedRuntime within React Context and hooks to manage side effects and state safely.

How does Effect.Tag facilitate dependency injection?

Effect.Tag creates unique, type-safe identifiers for services, allowing you to define requirements in your logic that are later fulfilled by the runtime.

How does this skill help with service mocking in tests?

It provides patterns for overriding default services with test-specific layers, such as using TestClock for deterministic time-based testing.

When should I use ManagedRuntime instead of the default runtime?

Use ManagedRuntime for applications that require shared services with a defined lifecycle, as it handles the setup and proper cleanup (disposal) of those services.

What is an Effect Runtime?

An Effect Runtime is the execution engine that determines how an Effect program is run, providing the necessary environment, services, and configuration for execution.

Effect TS Runtime & Dependency Injection

Name: Effect TS Runtime & Dependency Injection
Author: andrueandersoncs

byandrueandersoncs

•

API開発

Manages and executes Effect programs using custom runtimes, service tags, and lifecycle-managed layers for robust TypeScript applications.

This skill provides specialized knowledge for the Effect ecosystem's execution engine, enabling developers to master Effect runtimes, dependency injection via Effect.Tag, and ManagedRuntime lifecycle management. It offers implementation patterns for running effects synchronously or asynchronously, configuring custom execution contexts, and integrating Effect with popular frameworks like Express and React to ensure type-safe, resource-efficient application architectures. Whether you are configuring default services or building complex custom execution layers, this skill provides the best practices and code patterns needed to leverage Effect's full power.

主な機能

01Framework-specific integration strategies for React hooks and Express middleware

02Advanced runtime configuration for custom logging, fiber refs, and interruption handling

03Comprehensive guide to Effect execution methods including runPromise and runSync

043 GitHub stars

05Implementation patterns for type-safe dependency injection using Effect.Tag

06Lifecycle management for complex services via ManagedRuntime and Layers

ユースケース

01Integrating Effect's functional programming patterns into a React frontend using context providers

02Configuring a production-grade backend service with managed dependency layers and resource cleanup

03Migrating standard TypeScript promises to Effect's robust, interruptible runtime execution engine

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add andrueandersoncs/claude-skill-effect-ts runtime

For use in Claude.ai and ChatGPT

主な機能

01Framework-specific integration strategies for React hooks and Express middleware

02Advanced runtime configuration for custom logging, fiber refs, and interruption handling

03Comprehensive guide to Effect execution methods including runPromise and runSync

043 GitHub stars

05Implementation patterns for type-safe dependency injection using Effect.Tag

06Lifecycle management for complex services via ManagedRuntime and Layers

ユースケース

01Integrating Effect's functional programming patterns into a React frontend using context providers

02Configuring a production-grade backend service with managed dependency layers and resource cleanup

03Migrating standard TypeScript promises to Effect's robust, interruptible runtime execution engine