Shopify/flash-list

개요 React Native를 위한 고성능 리스트 컴포넌트다. Shopify가 개발한 FlatList 대체제로, 기존 FlatList의 성능 문제를 해결해 빠르고 부드러운 스크롤 경험을 제공한다.

핵심 내용 셀 재사용(recycling) 전략을 적극 활용해 렌더링 오버헤드를 최소화한다. FlatList와 동일한 API를 유지하면서 내부적으로 아이템 크기 추정 및 레이아웃 캐싱을 통해 빠른 스크롤을 구현한다. 공백 플래시(blank flash) 문제를 크게 줄였다.

기존 대비 차별점 React Native의 기본 FlatList는 많은 아이템에서 빈 화면이 잠깐 보이는 문제가 있었다. FlashList는 셀 재활용으로 이를 해결하고, Shopify 앱 실사용 기준 CPU 사용량을 크게 줄였다.

활용 가능성 피드, 제품 목록, 채팅 목록 등 수백~수천 개 아이템을 다루는 React Native 앱의 리스트 컴포넌트를 FlatList에서 FlashList로 교체해 성능을 개선할 수 있다.

참고 자료 - 원본