react-coding

To prevent React component bugs, enforce best practices for hook usage and state management. This Skill flags incorrect useEffect cleanup, direct state mutation, and improper key usage to ensure robust, maintainable frontend code.

The best way to optimize React performance is through proper memoization and state management. This Skill provides guidance on applying memoization techniques and structuring components to prevent unnecessary re-renders.

To ensure correct TypeScript typing for React components, adhere to modern component typing patterns. This Skill promotes best practices for typing props, generics, and hooks across your .tsx and .jsx files.

Yes, you can apply React best practices to both JavaScript and TypeScript files. This Skill analyzes all .tsx and .jsx files to enforce hook rules, state management, and component typing regardless of the language.

You should not use an array index as a key in React lists because it causes maintainability issues and bugs during reordering. This Skill flags improper key usage and guides you toward stable, correct implementations.