# dylanvann/react-native-fast-image

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/dylanvann-react-native-fast-image).**

8,424 stars · 1,526 forks · TypeScript · MIT

## Links

- GitHub: https://github.com/DylanVann/react-native-fast-image
- awesome-repositories: https://awesome-repositories.com/repository/dylanvann-react-native-fast-image.md

## Description

This is a high-performance image component and native caching library for mobile applications. It provides tools for image optimization and asset preloading to reduce visual flicker and increase loading speeds.

The project differentiates itself through a mobile asset preloader that downloads remote images into a local cache before they are requested. It also includes a system for assigning loading priority levels to ensure critical visual assets are fetched first and supports remote asset authentication by attaching custom HTTP headers to requests.

The library covers a broad range of capabilities including image cache management, image display formatting via resize modes and tint colors, and loading state tracking to monitor progress, success, and error events.

## Tags

### Mobile Development

- [High-Performance Image Components](https://awesome-repositories.com/f/mobile-development/high-performance-image-components.md) — Optimizes the display of remote images using native caching mechanisms to improve application responsiveness and reduce visual flicker. ([source](https://github.com/dylanvann/react-native-fast-image#readme))
- [React Native Components](https://awesome-repositories.com/f/mobile-development/react-native-ecosystem/react-native-components.md) — Provides a high-performance image component designed specifically for React Native mobile application development.
- [Android Image Loading Libraries](https://awesome-repositories.com/f/mobile-development/android-image-loading-libraries.md) — Integrates the Glide library for high-performance image fetching and memory caching on Android.
- [Image Loading Libraries](https://awesome-repositories.com/f/mobile-development/ios-application-architectures/image-loading-libraries.md) — Utilizes the SDWebImage library for asynchronous image downloading and native caching on iOS.
- [Native Modules & Bridges](https://awesome-repositories.com/f/mobile-development/native-modules-bridges.md) — Ships a bridge to communicate between JavaScript and native platforms for high-performance image operations.
- [Mobile Image Optimization Tools](https://awesome-repositories.com/f/mobile-development/mobile-image-optimization-tools.md) — Provides a component to control image display through resize modes, request headers, and loading priorities.

### Data & Databases

- [Network Image Caching](https://awesome-repositories.com/f/data-databases/data-caching/remote-dataset-caching/network-image-caching.md) — Implements a system for saving network-fetched images to local storage to minimize data usage and speed up loading.
- [Preloading](https://awesome-repositories.com/f/data-databases/data-caching/remote-dataset-caching/network-image-caching/preloading.md) — Provides a mobile asset preloader that downloads remote images into a local cache before they are requested to ensure immediate rendering. ([source](https://github.com/dylanvann/react-native-fast-image#readme))
- [Asset Preloading](https://awesome-repositories.com/f/data-databases/data-feeds/asset-preloading.md) — Allows downloading critical image assets into a local cache before they are requested for immediate rendering.
- [Mobile Asset Preloaders](https://awesome-repositories.com/f/data-databases/data-feeds/asset-preloading/mobile-asset-preloaders.md) — Ships a dedicated preloader to fetch remote images into the local cache before they are needed.
- [Asset Caching](https://awesome-repositories.com/f/data-databases/dataset-management-tools/in-memory-caching/asset-caching.md) — Manages the storage and retrieval of remote images via persistent filesystem-backed caching on mobile devices.
- [Local Disk Caching](https://awesome-repositories.com/f/data-databases/object-storage/remote-object-storage-integrations/local-disk-caching.md) — Implements local disk caching to store remote images on the device file system, reducing network requests.

### User Interface & Experience

- [Image Components](https://awesome-repositories.com/f/user-interface-experience/image-components.md) — Provides an enhanced image display component with native caching and support for loading states.
- [Display Formatting](https://awesome-repositories.com/f/user-interface-experience/data-display-components/content-cards/image-resizing/display-formatting.md) — Enables adjustment of image fitting and appearance through various resize modes, border radius, and tint colors. ([source](https://github.com/dylanvann/react-native-fast-image#readme))

### Part of an Awesome List

- [Image Loading](https://awesome-repositories.com/f/awesome-lists/media/image-loading.md) — Optimizes the image loading lifecycle by assigning priority levels to ensure critical visual assets load first. ([source](https://github.com/dylanvann/react-native-fast-image#readme))
- [UI Components](https://awesome-repositories.com/f/awesome-lists/devtools/ui-components.md) — High-performance image component with advanced caching.

### Software Engineering & Architecture

- [Lifecycle Callbacks](https://awesome-repositories.com/f/software-engineering-architecture/lifecycle-callbacks.md) — Offers event-driven hooks that execute custom logic when images transition through different loading states.
- [Priority-Based Request Queues](https://awesome-repositories.com/f/software-engineering-architecture/priority-based-request-queues.md) — Manages the order of image downloads using priority levels to ensure critical assets load first.

### Web Development

- [Image Load Tracking](https://awesome-repositories.com/f/web-development/image-load-tracking.md) — Provides callbacks to monitor the success, failure, and overall progress of image asset downloads. ([source](https://github.com/dylanvann/react-native-fast-image#readme))