Question

React Native list scrolls at 20 fps after Claude Code 'optimized' it

Solved · 7 views · asked last month by ben_mobile · edited

It added useMemo and useCallback everywhere. Scrolling got worse.

Removed some of the memos and callbacks again. Marginal difference, still stutters on scroll.

1 answer

Marked as helpful by the asker

ben_mobile4 weeks ago · edited

Memoization has a cost; sprinkling it everywhere is not optimization. What actually fixes list scrolling:

FlatList with getItemLayout if rows have a fixed height.
Row component wrapped in React.memo with a stable keyExtractor.
No inline arrow functions passed to rows (onPress={() => ...} recreates per render).
Images with explicit width/height.

Measure with the Perf Monitor before and after each one. Ask Claude Code for one change at a time, with the fps number as the acceptance test.