GitHubCreative Dev & WebGLtech-infocode

DylanVann/react-native-fast-image

DylanVann·@DylanVann·Dec 23, 2021

개요 성능이 우수한 React Native 이미지 컴포넌트다. 8,400+ stars를 보유한 FastImage는 iOS의 SDWebImage, Android의 Glide를 사용해 기본 Image 컴포넌트보다 빠른 이미지 로딩과 캐싱을 제공한다.

핵심 내용 메모리 캐시와 디스크 캐시를 활용해 이미지 로딩 속도를 높인다. 우선순위 기반 이미지 로딩, 헤더 추가(인증 토큰 등), GIF 지원, 프리로딩 기능을 제공한다. React Native의 기본 `<Image>`와 동일한 API를 유지한다.

기존 대비 차별점 React Native 기본 Image는 캐싱이 불안정하고 리스트 스크롤 시 이미지가 깜빡이는 문제가 있다. FastImage는 네이티브 이미지 라이브러리를 사용해 캐싱이 안정적이고 스크롤 성능이 크게 향상된다.

활용 가능성 피드, 갤러리, 제품 목록 등 이미지가 많은 React Native 앱에서 기본 Image를 대체해 로딩 속도와 스크롤 성능을 개선하는 데 활용할 수 있다.

참고 자료 - 원본

TypeScript8,444cocoapodglidehacktoberfestimageimage-cachepriorityreact-nativesdwebimage
#react-native#image#caching#performance

Related in Creative Dev & WebGL