Guide React hooks refactoring to minimize effects and memoization.
npx skills add https://github.com/berlysia/dotfiles --skill react-hooks-berlysia
Please help me install this Agent Skill. Skill: react-hooks Source: https://github.com/berlysia/dotfiles/tree/main/.skills/react-hooks Command: npx skills add https://github.com/berlysia/dotfiles --skill react-hooks-berlysia
This skill helps developers avoid common React Hooks anti-patterns and write minimal, robust hooks that scale with their codebase.
Refactor a sample component to calculate derived values during render and move side effects into explicit user actions.
High-intent search queries and answers about installing and using this skill.
Replace derived state with render-time calculations to eliminate unnecessary effects and memoization, and move side effects into explicit event handlers instead of effects.
Prefer render-time calculations for derived values to minimize state, and apply selective memoization only when performance optimization is explicitly warranted.
Design stable, composable custom hooks with safe dependency array handling to ensure minimal, robust hook usage that scales across your React codebase.
Refactor components by moving side effects from effects into explicit user actions and event handlers, calculating derived values during render to reduce unnecessary state.
Yes, use this guidance for code reviews and refactoring existing React applications to identify anti-patterns, replace derived-state, and optimize stable hook usage.
b4r7xGuide React code review with hooks, patterns, and anti-patterns.
benaorProfile React Native apps to identify and optimize rendering, startup, and memory bottlenecks.
jacob-balslevDiagnose and correct React Hooks misuse in React 18+ components.
OpenAEC-FoundationAnalyze React render performance and optimize re-renders and bundle size.
