Loading...
Loading...
Found 40 Skills
Bulletproof React architecture patterns for scalable, maintainable applications. Covers feature-based project structure, component patterns, state management boundaries, API layer design, error handling, security, and testing strategies. Use when structuring a React project, designing application architecture, organizing features, or when the user asks about React project structure or scalable patterns.
Skill: react
Expert frontend development with React, Vue, and modern frameworks including component architecture, state management, performance optimization, and accessibility.
React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture.
Enforce separation of concerns by separating the view from the application logic.
Use when component does too many things. Use when mixing data fetching, logic, and presentation. Use when code is hard to test.
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Guides when NOT to use useEffect and suggests better alternatives. Use when reviewing React code, troubleshooting performance, or considering useEffect for derived state or form resets.
Use when loading all data upfront. Use when initial page load is slow. Use when fetching data that might not be needed.
Detect, replace, and mechanically restrict direct React `useEffect` calls. Use when writing, refactoring, reviewing, or migrating React code that fetches, derives state, relays events, resets state, or synchronizes through effects. Preserve legitimate external-system synchronization inside reviewed domain hooks; do not use for unrelated React work or non-React effect systems.
JavaScript and TypeScript development with ES6+, Node.js, React, and modern web frameworks. Use for frontend, backend, or full-stack JavaScript/TypeScript projects.
Universal coding standards, best practices, and patterns for TypeScript, JavaScript, React, and Node.js development.