83,201 skills sorted by stars.
| Pattern | Use Case | Example |
Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.
React 19 performance patterns and composition architecture for Vite + Cloudflare projects. 50+ rules ranked by impact —...
React best practices and anti-patterns reference. Use when writing React components, reviewing code for anti-patterns, d...
Modern React patterns, hooks, and state management principles. Use when structuring React components, managing state, op...
Write idiomatic React with proper hooks and render purity. Use when writing components, fixing hook-related lint errors,...
> Note: Full content available to MidOS PRO subscribers. See https://midos.dev/pricing
Performance optimization for React web applications. Use when optimizing renders, implementing virtualization, memoizing...
Apply when diagnosing slow renders, optimizing list rendering, or preventing unnecessary re-renders in React application...
Audit React component rendering performance when the user asks to optimize React performance, fix re-renders, or improve...
React performance optimization patterns using memoization, code splitting, and efficient rendering strategies. Use when...
Optimize React apps for 60fps performance. Implements memoization, virtualization, code splitting, bundle optimization....
React performance optimization patterns for TMNL. Covers useMemo, useCallback, React.memo, virtualization, and when opti...
React development principles from official documentation. Teaches component purity, state management, effects, refs, red...
Build Progressive Web Apps with React and Vite using vite-plugin-pwa. This skill covers the complete PWA lifecycle: mani...
Guidelines for using React Query for data fetching, caching, and server state synchronization in React applications
Expert in TanStack Query (React Query) v5 for data fetching, caching, mutations, and server state management. Deep knowl...
Guide for refactoring complex React/Next.js components to be clean, modular, and maintainable. Use when code is too long...
React and Next.js performance optimization guidelines from Vercel Engineering. Contains 45+ rules across 8 categories.
Reviews React Router code for proper data loading, mutations, error handling, and navigation patterns. Use when reviewin...
Build full-stack React applications using React Router's framework mode. Use when configuring routes, working with loade...
Add URL routing to React Vite SPAs using react-router-dom v6. Use when asked to "add routing", "add URL navigation", "ma...
React Router v7 best practices for data-driven routing. Use when implementing routes, loaders, actions, Form components,...
React and component patterns
Implement React Server Actions in Next.js 14+ for secure, progressively enhanced form handling and server mutations with...
React Server Components patterns including streaming, data fetching, client/server component composition, and performanc...
Implements React Server Components (RSC) patterns with Next.js App Router including data fetching, streaming, selective...
Use when building Next.js 16+ apps with React Server Components. Covers App Router, streaming SSR, Server Actions, and R...
Use when initializing a new React frontend with Vite to connect to a Django backend over HTTPS. Sets up routing, CSRF pr...
shadcn/ui for React with TanStack Form. Use when building UI components, forms, dialogs, tables, toasts, or accessible c...
React 18 patterns for LlamaFarm Designer. Covers components, hooks, TanStack Query, and testing.
React 19 + Vite 7 SPA performance optimization guide. Apply when writing, reviewing, or refactoring React components, ro...
/============================================================================/
Expert React specialist mastering React 18+ with modern patterns and ecosystem. Specializes in component architecture, p...
Expert React developer specializing in React 18+, Next.js ecosystem, and modern React patterns. This agent excels at bui...
Zustand v5 state management for React. Use when implementing global state, stores, persist, or client-side state.
Complex multi-step operations in React. Use when implementing flows with multiple async steps, state machine patterns, o...
Gestion d'état React avec Zustand, hooks personnalisés, et patterns de cleanup. MANDATORY pour state management. À utili...