{"repo":"mrousavy/react-native-blurhash","free":true,"listed":false,"github":"https://github.com/mrousavy/react-native-blurhash","clone":"git clone https://github.com/mrousavy/react-native-blurhash.git","description":"🖼️ A library to show colorful blurry placeholders while your content loads.","language":"Kotlin","stars":2233,"topics":["blurhash","react-native","swift","kotlin","component","native-module","typescript","node","javascript","library"],"license":"MIT","category":"mobile-apps","readme_excerpt":"Blurhash 🖼️ Give your users the loading experience they want. Install via npm: BlurHash is a compact representation of a placeholder for an image. Instead of displaying boring grey little boxes while your image loads, show a blurred preview until the full image has been loaded. The algorithm was created by woltapp/blurhash, which also includes an algorithm explanation. Expo - ✅ You can use this library with Development Builds. No config plugin is required. - ❌ This library can't be used in the \"Expo Go\" app because it requires custom native code. Example Workflow In order to use the Blurhash component, you have to already have a Blurhash string. See the blurha.sh page to create example strings. This is how I use it in my project: A user creates a post by calling a function on my server which expects a payload of an image and some post data (title, description, ...) The function on my server then generates a blurhash from the image in the payload using the C encoder stores the post data (including the generated blurhash string) in my database uploads the image to a content delivery network (e.g. AWS) Now everytime a user loads a feed of posts from my database, I can immediately show a <Blurhash> component (with the post's .blurhash property) over my <Image> component, and fade it out once the <Image> component's onLoadEnd function has been called. Note: You can also use the react-native-blurhash encoder to encode straight from your React Native App! Usage Th","default_branch":null,"files":null,"tree":[],"storefront":"/r/mrousavy","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/mrousavy/react-native-blurhash/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}