Run any Skill in Manus with one click

advanced-react-clean-integration

Stars8

Forks0

UpdatedDecember 15, 2025 at 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

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

leaderiop

leaderiop/hex-di

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Software DevelopersComputer and Mathematical Occupations·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

More from this repository

same 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

Run any Skill with one click