Profile My skills Saved My plugins Edit profile Submit a skill

React Component Refactor

Refactor large React components by extracting hooks, splitting sub-components, and organizing directory structure following established patterns. Use when this capability is needed.

tomevault-io Updated
Web & Frontend

File contents

React Component Refactor

This skill provides a systematic approach for refactoring complex React components. Use it when a module has overgrown files, tangled state, or unclear separation of concerns.

Instructions

  1. Read the Guidelines: Read resources/GUIDELINES.md for the complete refactoring checklist and rules.
  2. Read the Examples: Read resources/EXAMPLES.md for concrete before/after patterns from real refactoring work.
  3. Execute: Follow the guidelines to refactor the target module.

Source: dataelement/bisheng — distributed by TomeVault.

tomevault-io/skills-registry/tree/main/dataelement--bisheng--bisheng commit 39b772f8c7

Browse category

Frequently asked questions

npx skillmds@latest add tomevault-io/react-component-refactor