8 posts tagged with "Performance"

Galio is a UI toolkit and component framework for React Native that provides a consistent set of ready-made, themeable building blocks (buttons, cards, text, inputs, nav bars, etc.) so you can prototype and ship mobile UIs faster. The galio repository includes the core components and a lightweight theme system in src/theme (see colors.tsx, sizes.tsx, index.tsx) plus components under src/ such as Block, Button, Text, Input, Card, Avatar, NavBar and more.

Learn more on the official site: galio.io and browse the source and examples on GitHub: github.com/galio-org/galio.

This short guide helps you make React Native apps run smoother on older Android phones (API 21–28) by applying practical, beginner-friendly optimizations. Follow the steps to enable Hermes, shrink and harden your APK with ProGuard, optimize list and image rendering, and deploy fixes quickly with EAS OTA updates so users on low-end devices get a noticeably better experience.

Memory issues can silently erode app performance, battery life, and user satisfaction. This concise guide walks you through practical, repeatable steps to identify, debug, and fix common memory leaks in React Native apps—using Flipper, Hermes profiling, and React Developer Tools—so you can find the root cause and apply safe, testable fixes.

React Native lists can become sluggish as data grows — this short guide shows practical, TypeScript-friendly techniques to get smooth scrolling back. Using Expo (SDK 51) and React Native 0.75.4 as a baseline, you'll learn how to tune FlatList props, memoize item rendering, fetch data efficiently with Axios, and deploy fixes via EAS OTA updates. Follow the step-by-step examples and code snippets to improve rendering performance on both iOS and Android.

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.