rn-list

What problem does it solve?

This Skill addresses performance bottlenecks in React Native applications by generating highly optimized FlatList components, ensuring smooth scrolling and efficient rendering even with large datasets.

Core Features & Use Cases

• Performance Optimization: Implements memoization, fixed-height layout, and React.memo for list items to prevent unnecessary re-renders.
• Windowed Rendering: Utilizes removeClippedSubviews, maxToRenderPerBatch, windowSize, and initialNumToRender for efficient memory usage and rendering.
• Use Case: When building a social media feed or a product catalog in a React Native app, use this Skill to ensure the list remains performant as the user scrolls through hundreds or thousands of items.

Quick Start

Generate an optimized React Native FlatList component for a list of user profiles.