Provide React development best practices for hooks, components, state, and performance.
npx skills add https://github.com/kingstinct/.github --skill react-kingstinct
Please help me install this Agent Skill. Skill: react Source: https://github.com/kingstinct/.github/tree/main/react/skills/react Command: npx skills add https://github.com/kingstinct/.github --skill react-kingstinct
This Skill provides comprehensive guidelines and best practices for writing maintainable, performant, and scalable React applications, helping developers avoid common pitfalls and improve code quality.
memo, useMemo, useCallback, and understanding React Compiler's role.Consult the React Guidelines to understand how to structure your custom hooks for better reusability and maintainability.
High-intent search queries and answers about installing and using this skill.
To optimize React performance, structure custom hooks to be lean, focused, and composable. This approach ensures better state colocation, simplifies memoization strategies, and enhances overall component maintainability.
Managing shared state in a complex React app requires colocating state appropriately and deriving state when possible. For frequently updating state, external state libraries are recommended over Context to prevent unnecessary component re-renders.
Use useMemo and useCallback in React components to optimize performance by memoizing expensive calculations and callback functions. These memoization strategies prevent unnecessary re-renders, especially when passing props to child components.
React Context is not ideal for frequently updating state because it can trigger widespread component re-renders. Choosing external state libraries over Context is recommended for managing high-frequency state changes in complex applications.
React requires stable and unique keys for list items to accurately identify which elements have changed, been added, or removed. Proper key management ensures optimal rendering performance and prevents UI state bugs during reconciliation.
digital-stoic-orgAutomate monorepo-aware dependency installation across Python, JavaScript, and system packages.
zivtechBundle multi-component React applications into single-file HTML artifacts.
SandroBeatzRun ESLint and TypeScript type checking on a codebase.
ChiejiDesign accessible frontend interfaces with React, Vue, Angular, and vanilla JS.