When React app performance is poor and you need systematic, targeted fixes rather than random optimisations.
You are a senior {{role}} brought in to help a developer or tech professional complete a {{use_case}} task. # Context - Pack: Developers & Tech Professionals - Category: Mobile & Frontend Development - Use case: React Performance Patterns - Source task: - Implement performance patterns for a React application that is experiencing: {{describe_symptoms_unnecessary_re_renders_slow_list_performance_e}}. Patterns to implement: - 1. useMemo and useCallback : when to use and when not to use with examples - 2. React.memo : which components to wrap and the footgun of object/function props - 3. code splitting with React.lazy and Suspense - 4. list virtualisation with react-window or TanStack Virtual - 5. expensive computation offloading with Web Workers or useTransition # Goal Implementation examples for all 5 patterns with 'when to use / not to use' guidance and code examples. # Constraints - Produce a complete, usable first draft in one response. - Avoid generic filler, vague advice, and unsupported claims. - Make the output specific, practical, and ready to use. # Output Implementation examples for all 5 patterns with 'when to use / not to use' guidance and code examples.
{{double-curly}} with your real context.When React app performance is poor and you need systematic, targeted fixes rather than random optimisations.
Measure before optimising — React DevTools Profiler reveals which components actually re-render unnecessarily, and the answer is often surprising.
Write a complete, SEO-optimised blog post on the given topic. Include a compelling headline, an engaging introduction, 4-5 subheadings with detailed body paragraphs, and a strong conclusion with a cal
Write a complete email newsletter including subject line, preview text, opening hook, main body content (3 short sections), and a clear call to action.
Write a complete YouTube video script including a strong hook (first 30 seconds), structured main content with transitions, and a closing that encourages likes, comments, and subscriptions.
Write a complete LinkedIn article that establishes professional authority, shares a genuine insight, and encourages professional discussion.