code-refactoring

This skill specializes in refactoring React Native components within the Ecalyptus healthcare mobile application. It focuses on eliminating deeply nested conditionals, optimizing array operations and component re-renders, improving RTK Query usage patterns, and enhancing code readability while maintaining React Compiler compatibility and ESLint compliance.

User Request: "This component has nested ifs and the list re-renders too much when I update a single item's state"

I can see two issues here. First, the nested conditionals in your render logic make it hard to understand the component's states. We can refactor this using ts-pattern for clearer state matching. Second, your mapped list items maintain their own expanded state, which gets lost on parent re-renders. We should lift that state to the parent component.