// Refactor large React components by extracting hooks, splitting sub-components, and organizing directory structure following established patterns.
| name | react-component-refactor |
| description | Refactor large React components by extracting hooks, splitting sub-components, and organizing directory structure following established patterns. |
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.
resources/GUIDELINES.md for the complete refactoring checklist and rules.resources/EXAMPLES.md for concrete before/after patterns from real refactoring work.่ง่ๅฝๅ Python (FastAPI + SQLAlchemy) ้กน็ฎ็ไปฃ็ ๅผๅๆ ๅ๏ผๆถต็็ผ็ ้ฃๆ ผใๅๅฑๆถๆใๆฐๆฎๅบๅๅผๅธธๅค็็ญใ
Internationalize a module by extracting hardcoded Chinese strings, generating translation keys, and updating all three locale files (en, zh-Hans, ja).