React Native × UI Performance
React Native UI Performance
We track 35 React Native UI Performance case studies from 13 engineering teams. Callstack, Shopify and Software Mansion write about it most. Many posts also cover Performance Profiling and Architecture. The posts run from 2017 to 2026. The newest is from September 2026.
React Native UI Performance articles 1–30 of 35
5 react-native-enriched-html Use Cases You Might Not Know About
Igor Furgala from Software Mansion reveals how react-native-enriched-html goes way beyond rich text editing. Think it's just another HTML editor? Think again.
Gesture Handler's Touchable: Button We Wish We Had Sooner
Jakub Piasecki from Software Mansion just solved React Native's button problem. After shipping 9 different button components, they built one to replace them all.
React Native Skia: A Year in Review and a Look Ahead
William Candillon and the Shopify team shipped 89 releases of React Native Skia in 12 months. Their secret? A custom renderer that runs on iOS, Android, Web, and Node.js with zero platform coupling.
Implementing CSS Clipping Techniques in React Native
CSS clipping techniques are coming to React Native, and they're about to change how we think about UI masking and visual effects. Callstack just dropped a deep dive into making web-style clipping work natively.
Reduce App Size and Boost Performance in React Native
Keval Goyani from Simform reveals how React Native apps can shed serious weight without sacrificing performance. His team's optimization techniques cut bundle sizes dramatically while keeping apps lightning-fas...
Accelerating Mobile App Development at Zalando with Rendering Engine and React Native
Zalando is migrating 90+ screens across iOS and Android to React Native without rebuilding their entire app. Here's how they're pulling it off for 52M+ customers.
Synchronizing Animated Values and Shared Values in React Native
Working with both React Native Animated and Reanimated in the same codebase? You're not alone. Callstack tackles the synchronization challenge that's been tripping up teams during gradual migrations.
How to Use Liquid Glass in React Native
Callstack just dropped a guide on bringing Apple's Liquid Glass effect to React Native apps. If you've been eyeing those gorgeous iOS blur effects, this is your playbook.
Migrating to React Native's New Architecture
Shopify just migrated two massive apps to React Native's New Architecture without pausing weekly releases or breaking production for millions of merchants.
React Native Performance Crisis: Solving 190% CPU Usage
Matt Sellars from Motion watched their React Native calendar screen peg CPU at 190%. The culprit? View bridges tripling rendering overhead between JS and native code.
You Might Not Need React Native SVG
Wojciech Lewicki from Software Mansion just dropped a truth bomb: the SVG library his team maintains for three years might not be the best choice for your React Native app. Here's when to ditch it.
Transforming User Experience: How Dream11 Leverages Intelligent Image Delivery | by Dream Blog | Dream Locker Room | Medium
Dream11 serves 15 million concurrent users during IPL peaks. Their image delivery costs were spiraling until they made one architectural change.
Supercharging Discord Mobile: Our Journey to a Faster App
Discord just cut startup times in half and eliminated those frustrating blank screens on budget Android devices. Here's how they did it.
Caching in ReactNative apps — Boon or Bane?
Ankit Bhalla from Cars24 tackles the double-edged sword of mobile caching: it can make your React Native app blazing fast or turn it into a buggy nightmare. Here's how to get it right.
Bridgeless Architecture in React Native Development
The React Native Bridge has been the performance bottleneck we've all learned to work around. Now it's finally going away.
Newer versions of React Native have a less expensive <Text /> component which runs 35% faster.
React Native just got a serious performance boost. The humble <Text /> component now runs 35% faster in newer versions.
Optimizing React Native: 16 Performance Issues You’re Probably Facing
Most React Native performance problems aren't framework issues. They're developer knowledge gaps that compound over time.
React Native Development Best Practices for TV Applications
Building TV apps with React Native isn't just about scaling up your mobile UI. The 10-foot experience demands a completely different approach to navigation, focus management, and performance.
Improving Shopify App’s Performance
Shopify's mobile app was getting slower after migrating to React Native. So they spent a year making it blazingly fast again.
Part 1: Improving the Retail React Native App Performance
Coinbase cut their React Native app latency by 80% in 12 months. Here's the three-pronged strategy that made it happen.
Getting Started with React Native Skia
Daniel Friyia from Shopify breaks down React Native Skia, the library pushing mobile animations beyond what most developers thought possible. If you've been intimidated by those hypnotic animation demos, this i...
Making React Native Gestures Feel Natural
Andrew Lo from Shopify reveals why your React Native gestures feel clunky. The fix? Two simple physics principles most developers ignore.
Pointer Events Support in React Native
React Native just dropped experimental Pointer Events support, and it's a game-changer for cross-platform input handling. No more forking the framework to support mouse, pen, or keyboard interactions.
Measuring React Native Rendering Times
Shopify went all-in on React Native, but had one critical question: Is it actually as fast as native? They needed proof, not assumptions.
React Native Skia At Shopify
Christian Falch and William Candillon from Shopify just solved React Native's biggest weakness. They brought Skia (the graphics engine powering Chrome, Android, and Flutter) directly to React Native developers.
Achieving 60 FPS in React Native with Imperative Manipulation
Sourav Yadav from Razorpay discovered that React Native's declarative approach was causing frame rates to plummet to 0 FPS. His solution? Break the rules and go imperative.
60fps Animations in React Native
Smooth animations can make or break your mobile app's user experience. Callstack breaks down how to achieve buttery 60fps animations in React Native without janky frames or dropped performance.
Remote Rendering UI Extensibility
Joey Freund from Shopify reveals how they let third-party developers extend their UI without compromising security or performance. The secret? Rendering UI in one place while defining it in another.
React Native in GrabPay
Grab built their entire GrabPay merchant app in React Native, then used those learnings to rebuild core payment features in their main passenger app. The result? Half the maintenance resources with identical pe...
How Discord Achieves Native iOS Performance with React Native
Discord runs millions of MAU on iOS with just 3 core engineers. Their secret? React Native—but only after a brutal performance overhaul.