wtf is react-native-nitro-image?

Nitro Image is a high-performance image component for React Native apps. It lets you load, display, and manipulate images entirely in the device's memory. This means you can resize, crop, rotate, and mirror pictures without ever saving them to a temporary file first, which makes everything noticeably faster. At its core, the project treats an image as an instance of an object rather than just a file path or a web link. You load an image from a local file, a web URL, or a bundled app resource, and it becomes an in-memory object you can directly manipulate. Under the hood, it uses a technology called Nitro Modules to create a direct, efficient bridge between your JavaScript code and the phone's native capabilities. For loading images from the internet, it relies on established native libraries (SDWebImage on iOS and Coil on Android) to handle fast downloading and caching. This tool is ideal for developers building apps that handle a lot of images, especially in long scrolling lists. For example, if you are building a social media feed, a photo gallery, or a messaging app, you need images to load smoothly without freezing the interface. It also supports a feature called ThumbHash, which generates a tiny blurry preview of an image. Your backend can send this tiny preview to the app instantly, showing a placeholder while the full photo downloads in the background. One notable design choice is how it handles web images. To keep the main package lightweight, it does not include the code for downloading and caching images from the web by default. Developers who need to load web images simply install a companion package alongside it. The project is also built for React Native's newer architecture, meaning it takes advantage of recent performance improvements to the framework itself.