Refactoring and Code Cleanup

When to use this skill

• •A component file exceeds 200 lines.
• •The same logic is repeated in 3 or more places.
• •Props are becoming too many/complex.

Rules

• •The "Boy Scout Rule": Always leave the code slightly cleaner than you found it.
• •Sub-components: Split large components into smaller files in a local components/ subfolder.
• •Custom Hooks: Extract stateful logic (complex forms, complex filters) into hooks.

Workflow

• • Identify a "Messy" component.
• • Extract presentational parts into atomic components.
• • Extract logic into Services or Hooks.
• • Verify that the visual UI has NOT changed.

Instructions

• •No Pre-optimization: Refactor logic only when it's actually reused or the file is unmanageable.