Guide React component architecture, hooks, performance, and state management.
npx skills add https://github.com/CarGDev/codetyper.cli --skill react-expert-cargdev
Please help me install this Agent Skill. Skill: React Expert Source: https://github.com/CarGDev/codetyper.cli/tree/main/src/skills/react Command: npx skills add https://github.com/CarGDev/codetyper.cli --skill react-expert-cargdev
This Skill provides expert guidance and best practices for developing robust, performant, and accessible React applications, addressing common challenges in component architecture, state management, and optimization.
useState, useEffect, useMemo, and useCallback.Use the React Expert skill to refactor a complex component into smaller, reusable custom hooks.
High-intent search queries and answers about installing and using this skill.
Refactor complex React components by extracting state logic into smaller, reusable custom hooks and applying atomic design principles to ensure maintainability and component reusability.
React hooks best practices involve efficient usage of `useEffect`, `useMemo`, and `useCallback` to manage side effects and memoize values, preventing unnecessary renders and optimizing component performance.
Optimize React performance by applying strategies like code splitting, list virtualization, and efficient hook usage to minimize re-renders and improve overall application loading times.
Yes, the guidance enforces UI accessibility standards, ensuring your React components adhere to inclusive design practices for building accessible user interfaces.
Use atomic design principles when structuring React components to break down complex UIs into fundamental building blocks, enhancing reusability and maintainability across your application.
TheBushidoCollectiveConfigure Jest with setup files and module resolution for JavaScript and TypeScript projects.
laguaguIdentify and optimize React/Next.js performance bottlenecks in codebases.
claudeforgeGuide React frontend architecture with compound components, hooks, and render props.
adamhjkExplains SolidJS JSX syntax and rules for writing efficient, reactive components.