React Native
Articles on React Native performance, JavaScript bridge optimization, and cross-platform mobile development.
React Native engineering articles 151–180 of 277
Mobile Multiplatform Development at McDonald's
Austin Keith and Ryan Sander from McDonald's reveal how they're eliminating duplicate codebases across iOS and Android without sacrificing native performance. Their solution challenges the assumption that cross...
Optimize React Native Apps JavaScript Bundle
Your React Native bundle size is quietly killing your app's performance. Callstack breaks down the optimization techniques that actually move the needle.
Experiment with New Architecture of React Native
React Native's New Architecture isn't coming anymore. It's here, and the ecosystem is already moving fast to support it.
React Native 0.71 RC1 Android Outage Postmortem
A single character in a Gradle config file took down Android builds for every React Native version simultaneously. Here's how the React Native team handled a 4-day global outage.
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.
React Native Version 0.71 Release
React Native 0.71 just dropped with TypeScript as the default, and it's the biggest developer experience upgrade in years. If you're still wrestling with layout spacing or accessibility props, this changes ever...
Lottie vs Rive: Optimizing Mobile App Animation
Animations can make or break your app's performance. Choosing between Lottie and Rive isn't just about features: it's about understanding the tradeoffs that impact your users' experience.
React Native Adopts TypeScript-First Approach
React Native just made TypeScript the default. No more @types/react-native dependency, no more version lag, and a completely TypeScript-first developer experience starting with version 0.71.
Migrating Our Largest Mobile App To React Native
Mauricio de Meirelles from Shopify reveals how they're migrating a 300-screen app to React Native without a full rewrite. The approach they chose might surprise you.
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.
NEW: Lazy loading & nested query predicates for AWS Amplify DataStore
AWS Amplify just shipped three game-changing features that make querying relational data feel less like a chore and more like writing plain JavaScript. If you've ever wrestled with loading nested data in offlin...
Optimizing Configuration Time for Android Apps that Use React Native
Swiggy's Android team was losing 1+ minute on every single build. For a team generating 55 builds daily, that's death by a thousand paper cuts.
App Performance Monitoring Strategies and Tools
Your app crashes in production and you have no idea why. Callstack breaks down the monitoring strategies that catch issues before your users do.
React Native Version 0.70 Release
React Native 0.70 just made Hermes the default JavaScript engine. This marks a major turning point for performance and developer experience across both iOS and Android.
Performance Vitals: a unified scoring system to guide performance health and prioritization
Coinbase scaled from a handful of engineers on one platform to four platforms with zero standardized performance measurement. How do you unify performance tracking across web, mobile, backend, and extensions?
Instant Performance Upgrade: From FlatList to FlashList
Shopify's React Native team just solved one of mobile development's most persistent headaches: getting lists to scroll smoothly without blank cells or frame drops.
Hermes Engine Becomes React Native Default
React Native just made a massive default change that could speed up your app launches and shrink your bundle size. Here's what the benchmarks show.
React Native Version 0.69 Release
React Native 0.69 just dropped with React 18 support and bundled Hermes. This is the release that finally bridges the gap between React's latest features and mobile development.
Migrating React Native Libraries to the New Architecture
The React Native team is rolling out comprehensive migration resources as the New Architecture moves toward becoming the default. If you maintain a library, this directly impacts your roadmap.
Boost Android Performance Using Hermes
Instawork's Android app was taking 5-6 seconds to start while iOS clocked in at just 1.5 seconds. That performance gap was killing their user experience on low-to-mid range devices.
Automated Performance Testing with Torque
Dream11 handled 5.5 million concurrent users and 80 million requests per minute during IPL 2020. Their secret? A custom performance testing framework called Torque.
Tree Shaking React Native Apps
Klarna Engineering borrowed a web optimization technique and cut their React Native app startup time by 20%. Here's how tree shaking made the difference.
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.
React Native Version 0.68 Release
React Native 0.68 just dropped, and it's the first version where you can opt into the New Architecture. This is the milestone the community has been waiting for.
Deep Linking Implementation in React Native
Nikhil Khadilkar from Razorpay reveals why their team rejected React Navigation's built-in deep linking solution and built their own custom handler instead. The reason? Complex use cases that required more cont...
React Native New Architecture Rollout Update
React Native's biggest architectural shift in years is here. The team just dropped their roadmap for migrating the entire ecosystem to the New Architecture (Fabric + TurboModules).
Introducing Fabric to React Native Screens
Jakub Tkacz from Software Mansion just shipped the first native component library compatible with React Native's new Fabric architecture. This is the migration blueprint the entire RN ecosystem has been waiting...
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.
Preventing App Breakage During Stripe React Native Migration
Migrating payment infrastructure is risky business. Callstack shares how they prevented production breakage during a critical Stripe React Native SDK migration.