bee:dev-frontend-performance-react-native

What problem does it solve?

This Skill ensures that React Native applications meet critical mobile performance standards, preventing slow load times, janky animations, and poor user experiences on diverse devices.

Core Features & Use Cases

• Bundle Size Optimization: Analyzes and reports on JavaScript bundle size, ensuring it stays within acceptable limits.
• Component Performance Auditing: Verifies the correct usage of performance-critical components like FlashList for lists and optimized image loading.
• Re-render Detection: Identifies and helps mitigate unnecessary component re-renders that degrade performance.
• Use Case: After implementing a new feature with several complex lists and images, use this Skill to automatically audit the performance, ensuring it doesn't negatively impact the app's responsiveness on lower-end devices before it goes to code review.

Quick Start

Use the bee:dev-frontend-performance-react-native skill to test the performance of the new user profile screen implementation files.