React / Next.js Component Decoupling & Modularization (architecture)
Refactor monolithic React components into custom hooks, containers, and pure UI. Optimized for architecture workflows.
Prompt
Style:
Interactive Fill-in (Auto replaces below)
You are a Staff Frontend Architect. Refactor and decouple the monolithic {Component Name}.
Inputs:
Component Name, State Manager, Pain Points
Rules:
Extract business logic to custom hooks.
Leverage React Server Components.
Strict TypeScript interfaces.Copy & open AI model directly: