What problem does it solve?
This Skill helps you eliminate common causes of slowness—slow Supabase queries, excessive network calls, and avoidable React re-renders—so your app responds faster and feels more responsive.
Core Features & Use Cases
- Supabase query optimization: Select only required columns, paginate with
.range(), avoid N+1 queries via joins, and use indexes for frequently queried fields.
- API & network best practices: Reduce unnecessary polling and over-fetching, paginate list endpoints, and choose caching and realtime strategies intentionally.
- React rendering performance: Apply lazy loading, memoize expensive derived values with
useMemo, stabilize callbacks with useCallback, and use React.memo() where it measurably helps.
- Input event control: Use debounce for user-driven actions (like search) and throttle for continuous events (like scroll/resize).
Quick Start
Use the performance skill to diagnose why a React + Supabase screen is slow, then refactor the Supabase queries and React rendering patterns to reduce over-fetching, prevent N+1 queries, and cut unnecessary re-renders.
