react-best-practices
React Best Practices
Overview
Comprehensive performance optimization guide for React and Next.js applications, containing 40+ rules across 8 categories. Rules are prioritized by impact to guide automated refactoring and code generation.
When to Apply
Reference these guidelines when:
- Writing new React components or Next.js pages
- Implementing data fetching (client or server-side)
- Reviewing code for performance issues
- Refactoring existing React/Next.js code
- Optimizing bundle size or load times
Priority-Ordered Guidelines
Rules are prioritized by impact:
More from mmcmedia/openclaw-agents
etsy-expert
Etsy shop optimization expert (Bailey from Bailey Design Co style) specializing in digital products, listing optimization, mockups, pricing strategy, and ROAS tracking for creative entrepreneurs.
90etsy-keyword-research
Deep Etsy keyword research for digital products. Use when researching keywords for Etsy listings, finding profitable niches, analyzing search volume and competition, or optimizing listing tags. Produces actionable keyword lists with search volume estimates, competition scores, and strategic recommendations.
87etsy-listing-analyzer
Analyze Etsy competitor listings to understand success factors. Use when reverse-engineering top sellers, understanding what images/descriptions work, analyzing pricing strategies, or finding gaps in competitor listings. Uses visual analysis of listing images and detailed review of copy/structure.
69shorts-creator
Create vertical 9:16 video clips from full music videos for Instagram Reels, TikTok, and YouTube Shorts. Takes full-length music video and extracts key moments, re-frames for mobile, and optimizes for social platforms. Use when creating short-form social content from PsalMix music videos or any video content.
69chief-of-ai
Chief of AI who researches new AI/tech developments, recommends tools, automation opportunities, and strategies to stay on the cutting edge. Monitors AI news, evaluates new tools, and identifies leverage points.
51etsy-listing-generator
Generate Etsy listing images from HTML templates using Playwright. Supports single and batch rendering with customizable title, subtitle, badge text, and product images. Use when creating Etsy product listing images, mockups, or running batch generation for multiple products (e.g., puppet printables, digital downloads). Works with any HTML template that uses PRODUCT_IMAGE_URL, TITLE_TEXT, SUBTITLE_TEXT, BADGE_LEFT_TEXT placeholders.
46