AI SummaryA Cursor IDE rules booster providing React best practices and patterns for building modern web applications with functional components, hooks, and state management guidance.
Install
Copy this and paste it into Claude Code, Cursor, or any AI assistant:
I want to add the "hyper-fetch — Cursor Rules" prompt rules to my project. Repository: https://github.com/BetterTyped/hyper-fetch Please read the repo to find the rules/prompt file, then: 1. Download it to the correct location (.cursorrules, .windsurfrules, .github/prompts/, or project root — based on the file type) 2. If there's an existing rules file, merge the new rules in rather than overwriting 3. Confirm what was added
Description
⚡ Fetching and realtime data exchange framework.
Component Structure
• Use functional components over class components • Keep components small and focused • Extract reusable logic into custom hooks • Use composition over inheritance • Implement proper prop types with TypeScript • Split large components into smaller, focused ones
Hooks
• Follow the Rules of Hooks • Use custom hooks for reusable logic • Keep hooks focused and simple • Use appropriate dependency arrays in useEffect • Implement cleanup in useEffect when needed • Avoid nested hooks
State Management
• Use useState for local component state • Implement useReducer for complex state logic • Use Context API for shared state • Keep state as close to where it's used as possible • Avoid prop drilling through proper state management • Use state management libraries only when necessary
Performance
• Implement proper memoization (useMemo, useCallback) • Use React.memo for expensive components • Avoid unnecessary re-renders • Implement proper lazy loading • Use proper key props in lists • Profile and optimize render performance
Discussion
Health Signals
My Fox Den
Community Rating
Sign in to rate this booster
Works With
Any AI assistant that accepts custom rules or system prompts