react-native-image-cache
react-native-skeleton-placeholder
react-native-image-cache | react-native-skeleton-placeholder | |
---|---|---|
13 | 2 | |
354 | 653 | |
1.4% | - | |
7.7 | 0.0 | |
5 months ago | 7 months ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-native-image-cache
-
How can we have a CACHE (like browser cache) in React Native?
https://github.com/georstat/react-native-image-cache disclaimer: i m one of the authors
- Expo FileSystem for image caching
-
Caching images from Amazon S3 in React Native
To accomplish this task, we’ve chosen georstat/react-native-image-cache library.
-
How do you guys handle image caching?
I gave a try to smaller libs like georstat/react-native-image-cache but ran into some stability issues while attempting very simple use cases.
-
My first React Native app
If you’re not caching images already and you’re in bare react-native then use this package for caching: https://github.com/georstat/react-native-image-cache , it’s lighter than FastImage. Disclaimer: I’m the author
-
Having trouble with react native flatlist it keeps glitching
Fast image can be a memory hogger in flatlists, you could try https://github.com/georstat/react-native-image-cache witch stores images in file system (i’m one of the authors).
- Caching base64 images
-
Image Gallery with Thumbnails module
Hi fellow devs, me and my colleagues after releasing react-native-image-cache we also released a simple image gallery with thumbnails preview. The module has 0 external dependencies so it can be used with expo. We're planning on creating a react-native-image-cache package for expo too, stay tuned :) .
-
I’ve been working on an App called Entourage (Share privately your moments’ photos / videos with friends and Family). It’s now in public Beta and would love to get your feedback and help testing it.
I see you’re using 2 modules for image-caching, me and my colleagues have created a file system remote image caching module, in our cases react-native-fast-image was killing the device memory so we got inspiration from other modules and created: https://github.com/georstat/react-native-image-cache . It uses react-native-file-access witch is by far more stable than react-native-fs that you’re using and it supports almost the same stuff.
-
How can I handle the (image) layout flickering problem while the components are loading? (Especially on home and explore screen)
You could use this one: https://github.com/georstat/react-native-image-cache it supports custom animating placeholder, see the example.
react-native-skeleton-placeholder
-
A question, could someone tell me how I can reduce in some way the lag that the application has or how to eliminate it (the application only gives that lag when it loads all the images, without images the app runs fine)
A word of warning about https://github.com/chramos/react-native-skeleton-placeholder … v4 has a serious performance issue on Android in my experience, and v5 has a masking library conflict with React Navigation that I couldn’t resolve. I ended up removing it altogether… YMMV
-
Skeleton Loading
Hi, i was asked to implement dnyamic skeleton loader to entire app instead of activity indicator. But packages i found are not performant and hard to use. You need to give a view as same as the component you need to mask. And also need at least one state to control. package: https://github.com/chramos/react-native-skeleton-placeholder usage:
What are some alternatives?
react-native-blurhash - 🖼️ A library to show colorful blurry placeholders while your content loads.
react-content-loader - ⚪ SVG-Powered component to easily create skeleton loadings.
recyclerlistview - High performance listview for React Native and web!
react-native-bottom-sheet - A performant interactive bottom sheet with fully configurable options 🚀
react-native-track-player - A fully fledged audio module created for music apps. Provides audio playback, external media controls, background mode and more!
react-native-expo-image-cache - React Native Image Cache and Progressive Loading based on Expo
react-native-image-progress - Progress indicator for networked images in React Native
react-native-progressive-fast-image - Customizable progressive image for React Native with FastImage
squoosh - Make images smaller using best-in-class codecs, right in the browser.
react-native-image-blur-shadow - A React Native <Image/> component with Blur Drop Shadows,100% JavaScript, 0 dependency component. Supports Android, iOS and Web. A light weight Image component for your react native project.
react-native-fast-image - 🚩 FastImage, performant React Native image component.