react-component-refactor
Refactor large React components by extracting hooks, splitting sub-components, and organizing directory structure following established patterns.
Source facts
- Repository
- dataelement/bisheng
- Last source activity
- April 15, 2026 at 07:54
- Detected SKILL.md language
- English
- Stars
- 12,191
- Forks
- 2,010
Install options
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Review the source files
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
File Explorer
3 filesShowing SKILL.md
SKILL.md
Source instructions · Read-only preview- name
- react-component-refactor
- description
- Refactor large React components by extracting hooks, splitting sub-components, and organizing directory structure following established patterns.
# 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.
View on GitHub