1K Performance

What it does

This skill, 1K Performance, analyzes user workflows within React and React Native applications to identify performance bottlenecks and suggest optimizations. It focuses on best practices derived from the OneKey monorepo, aiming for a significant performance boost – up to 1,000%. The skill provides guidance on managing concurrent requests, optimizing bridge interactions in React Native, improving list rendering, utilizing memoization techniques, and offloading heavy operations.

When to use it

• When dealing with multiple API calls or network-heavy operations that might slow down the user interface.
• When experiencing overhead from the React Native bridge on iOS or Android platforms.
• When displaying lists containing 100+ items and encountering performance issues.
• When expensive computations are causing unnecessary re-renders in your application.
• When UI blocking operations are impacting responsiveness.

Key capabilities

• Concurrent Request Management: Limits the number of concurrent requests to prevent UI freezes (up to a concurrency limit, like 3). Includes an executeBatched function for controlled execution.
• React Native Bridge Optimization: Provides guidance on minimizing bridge crossings and batching data transfers.
• List Rendering Optimization: Recommends using FlashList with windowSize={5} and the content-visibility property to improve list performance.
• Memoization: Suggests utilizing memo, useMemo, and useCallback to prevent unnecessary re-renders.
• Heavy Operation Offloading: Advocates using InteractionManager and setTimeout to move heavy operations off the main thread.

Example prompts

• "How can I optimize this React Native code that makes 15 concurrent API calls?"
• "What's the best way to render a long list of items in my React app efficiently?"
• "I’m seeing performance issues with my React Native bridge, what should I check?"

Tips & gotchas

• The skill focuses specifically on React and React Native applications within the OneKey monorepo context.
• For more comprehensive optimization strategies, refer to the performance.md guide referenced in the source content.
• Be aware of the "forbidden" patterns – like making too many concurrent requests without batching – which can severely impact performance.