Engineering Blog
Deep dives into performance, scalability, and modern web architecture from our engineering team.
Showing 19–27 of 89 articles
Page 3 of 10
FlashList vs FlatList: Recycling, Estimators, and Scroll Performance
Shopify FlashList’s recycling architecture, estimated item sizes, overrideItemLayout, and when to stay on FlatList—plus profiling scroll jank with the React Native performance overlay.
GraphQL and REST in React Native: Apollo, Caching, and Mobile Network Strategy
Compare GraphQL and REST for mobile clients: normalized caches with Apollo Client, persisted queries, HTTP/2, cursor pagination, stale-while-revalidate, and reducing round trips on unreliable cellular networks.
Continuous Integration for React Native: Caching, Maestro, and Device Farms
Harden mobile CI pipelines: Gradle and CocoaPods caching, deterministic builds, Xcode selection, Android emulator tests, Maestro flows, screenshot regression, and cloud device labs for matrix testing.
Accessibility Beyond Labels: Focus Management, Roles, and Assistive Technology
Advance beyond basic accessibilityLabel: accessibilityRole, state, hints, keyboard and switch navigation, VoiceOver and TalkBack rotor behaviors, dynamic type scaling, and WCAG-aligned mobile heuristics for React Native.
Observability for React Native: Crash Reporting, ANRs, and Performance Budgets
Instrument mobile clients with structured logging, breadcrumb trails, native crash symbolication, Application Not Responding (ANR) diagnostics, JavaScript error boundaries, and user-centric metrics aligned with Core Web Vitals analogs for native.
Monorepos for React Native: Workspaces, Shared Packages, and Design Systems
Scale cross-platform teams with monorepos: npm/yarn/pnpm workspaces, package boundaries, Turborepo caching, Storybook for React Native Web, semantic versioning, and preventing dependency duplication across applications.
Push Notifications: FCM, APNs Payloads, Channels, and React Native Integration
Design reliable notification systems: Firebase Cloud Messaging and Apple Push Notification service semantics, notification channels on Android, background delivery limits, rich media, and deep link handoff into React Navigation state machines.
Image Performance in React Native: Decoding, Caching, and CDN Strategy
Optimize raster pipelines: in-memory bitmap budgets, disk cache, WebP and AVIF trade-offs, progressive decoding, blur placeholders, Content Delivery Network (CDN) edge caching, and integrating react-native-fast-image with observability.
Internationalization in React Native: i18n, ICU, RTL, and Pseudolocalization
Implement localization (l10n) and internationalization (i18n) with ICU message formats, plural and gender rules, right-to-left layouts, locale-aware dates and numbers, and QA workflows including pseudolocalization for string expansion.