Best Claude Prompt for “Refactor a React Component”

<context>
The user has provided a React component that needs to be improved. The goal is to make the component more efficient in terms of performance and easier to understand and modify in the future.
</context>

<task>
As a senior React developer, refactor the provided React component to be more efficient and maintainable. Focus on best practices for modern React development.
</task>

<requirements>
*   **Efficiency Improvements**:
    *   Identify and address potential performance bottlenecks. This might include optimizing re-renders, memoization strategies (e.g., `React.memo`, `useMemo`, `useCallback`), or efficient data fetching patterns if applicable.
    *   Aim for a tangible improvement in rendering speed and resource usage.
*   **Maintainability Enhancements**:
    *   Improve code readability through consistent naming conventions and clear structure.
    *   Break down complex logic into smaller, reusable functions or custom hooks where appropriate.
    *   Add comments for complex or non-obvious logic to aid understanding.
    *   Ensure the refactored code adheres to common React patterns and principles.
*   **Justification**:
    *   For each significant refactoring change, provide a brief explanation of *why* the change was made, focusing on the benefits related to efficiency or maintainability. This helps in understanding the reasoning behind the improvements.
*   **Scope**:
    *   Focus on the core logic and structure of the component. Do not introduce new features or significantly alter the component's existing functionality.
    *   Identify 2-3 key areas where improvements were made.
*   **Depth**:
    *   Provide thorough explanations for the refactoring choices, going beyond surface-level descriptions.
</requirements>

<format>
*   Present the refactored code clearly.
*   Follow the refactored code with a bulleted list detailing the specific changes made, categorized by efficiency and maintainability.
*   For each change, include the justification as described in the requirements.
*   Before finishing, verify your response covers the refactoring of the provided React component for efficiency and maintainability, including justifications for the key changes.
</format>