advanced-react-clean-integration

Sterne8

Forks0

Aktualisiert15. Dezember 2025 um 05:29

Integrate React with clean architecture without framework leakage using hooks as adapters and presenters. Use when connecting React to domain logic, designing hook-based DI, or isolating UI from business rules.

Installation

Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.

In Manus ausführen

Quelle

leaderiop

leaderiop/hex-di

GitHub-Repository öffnen Creator-Repositorys ansehen

Download

In Manus ausführen

Verwandte BerufeSOC

Basierend auf der SOC-Berufsklassifikation

SoftwareentwicklerInformatik- und Mathematikberufe·SOC 15-1252

SKILL.md

readonly

name	Advanced React Clean Integration
description	Integrate React with clean architecture without framework leakage using hooks as adapters and presenters. Use when connecting React to domain logic, designing hook-based DI, or isolating UI from business rules.

Advanced React Clean Integration

This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle React integration without architectural leakage.

Instructions

For details, refer to the information provided in this file: react-clean-integration

Mehr aus diesem Repository

gleiches Repository

advanced-clean-hexagonal-architecture

leaderiop/hex-di

Apply Clean Architecture and Hexagonal (Ports & Adapters) patterns for domain isolation and testability. Use when designing system boundaries, creating ports/adapters, or structuring domain-driven applications.

2025-12-158

advanced-deterministic-runtime-container

leaderiop/hex-di

Build deterministic IoC containers with proper lifecycle management, scoping, and disposal patterns. Use when implementing DI containers, managing service lifetimes, or designing runtime systems.

2025-12-158

advanced-effect-di-environment

leaderiop/hex-di

Model dependencies using Effect-style Context, Layer, and Service patterns with compile-time safety. Use when designing DI systems, modeling environments, or building Effect-TS applications.

2025-12-158

advanced-modular-library-design

leaderiop/hex-di

Design modular libraries with clear package boundaries, feature-first organization, and clean API surfaces. Use when structuring monorepos, defining module boundaries, or designing library APIs.

2025-12-158

advanced-testability-ai-ergonomic

leaderiop/hex-di

Design code for testability and AI/LLM ergonomics with explicit contracts and observable patterns. Use when optimizing code for AI tools, improving testability, or making codebases LLM-friendly.

2025-12-158

advanced-typescript-type-level

leaderiop/hex-di

Master TypeScript type-level programming with conditional types, mapped types, template literals, and infer patterns. Use when writing advanced types, creating utility types, or solving complex type challenges.

2025-12-158

Jeden Skill mit einem Klick ausführen