Writing

react-native · performance · images · ux · caching

Image Loading at Scale: Progressive Loading, Caching & Placeholder Strategies

A practical guide to image loading in React Native — skeleton vs shimmer placeholders, progressive loading techniques, prefetching strategies, and how to avoid the memory and performance traps that only appear at scale.

8 Mar 2025

12 min read

react-native · flatlist · scrollview · performance · architecture

Vertical FlatList Inside ScrollView — Why It Breaks and How to Fix It

Why nesting a vertical FlatList inside a ScrollView breaks rendering and scroll behaviour, what is actually happening under the hood, and the correct architectural patterns to replace it.

3 Mar 2025

9 min read

react-native · performance · react-memo · usecallback · usememo · optimization

Optimizing Re-renders in React Native: React.memo, useCallback, useMemo — When They Actually Help

The real guide to React.memo, useCallback, and useMemo in React Native — what they actually do, where developers misuse them, how to measure whether they are helping, and why premature optimization often makes performance worse.

3 Mar 2025

11 min read

react-native · pagination · backend · node.js · performance

Infinite Scroll Done Right: Offset vs Cursor Pagination (With Backend Support)

Why offset pagination silently breaks at scale, how cursor-based pagination fixes it, and how to implement both the frontend infinite scroll and the backend API correctly in React Native and Node.js.

28 Feb 2025

12 min read

react-native · performance · flatlist

Why FlatList Slows Down With 5000 Items (And How to Fix It)

A deep dive into why React Native's FlatList struggles at scale, what's actually happening under the hood, and the exact techniques to fix it.

27 Feb 2025

8 min read