react-coding

What problem does it solve?

This Skill helps developers write more robust, performant, and maintainable React code by providing clear guidelines and preventing common pitfalls.

Core Features & Use Cases

• Prevents common React mistakes: Addresses issues like incorrect useEffect usage, state mutation, and improper key usage.
• Optimizes performance: Offers guidance on memoization and avoiding unnecessary re-renders.
• Ensures correct typing: Promotes best practices for component typing and generics.
• Use Case: When writing a new React component, this Skill will flag potential issues like using an array index as a key or mutating state directly, guiding you towards a correct implementation.

Quick Start

Apply the react-coding skill to ensure all useEffect hooks have proper cleanup functions.