React Mobx (.cursorrules)

{
    "prompt": "// React + MobX .cursorrules // Prefer functional components with hooks const preferFunctionalComponents = true; // MobX best practices const mobxBestPractices = [ \"Use MobX-react-lite for optimal performance with functional components\", \"Implement stores for managing application state\", \"Utilize computed values for derived state\", \"Use actions for modifying observable state\", \"Implement proper error handling in asynchronous actions\", ]; // Folder structure const folderStructure = ` src/ components/ stores/ hooks/ pages/ utils/ `; // Additional instructions const additionalInstructions = ` 1. Use TypeScript for type safety with MobX 2. Implement strict mode for MobX for better debugging 3. Use observer HOC or useObserver hook for reactive components 4. Implement proper dependency injection for stores 5. Use reaction for side-effects based on observable changes 6. Utilize MobX DevTools for debugging 7. `;",
    "model": "Claude 3.7 Sonnet",
    "aspect_ratio": "1:1",
    "category": "Coding Agents",
    "content_type": "coding_prompt",
    "surface": "agents_hub",
    "quality_score": 83,
    "provenance": "SYSTEM_RULE"
}