4 posts tagged with "Performance"

React Native stands out as a go-to framework for developers aiming to create high-quality cross-platform mobile applications. But, as with any framework, you may occasionally run into performance hiccups. This article will provide you with a deep dive into enhancing your React Native application’s performance, complete with code examples and step-by-step explanations.

Hermes is a Javascript engine that is optimized for React Native and works for both Android and iOS. Hermes is an open source library that has been found to have potential upsides for performance in many apps such as improved start-up time, more efficient, hence reduced memory usage and a smaller app size. At the time of writing this Hermes still remains an opt-in feature and you have to make sure that the React Native version of your project is at least 0.60.4 otherwise you won’t be able to use this very resourceful library.

In this article we are going to take a look at how to compress videos in React Native as well as general media, such as photos or audio content. It’s standard practice to compress the full size of raw images/videos before they are sent to be stored on the server in order to conserve storage cost, but most importantly to improve the user experience by an order of magnitude.

Mobile apps must be snappy and playful. To fall in love with your mobile app, users need to perceive it as fast, responsive and bug-free. Perceived performance measures how fast a user thinks your mobile app is. Fortunately, there are several standard techniques that we can apply to our UI/UX, in order to improve the perceived performance of mobile apps significantly.