How Shopify Uses React

Shopify's 2025 Black Friday Cyber Monday (BFCM) live globe was reimagined as an interactive pinball machine running at 120fps in a browser. Built with Three.

This article discusses Shopify's successful migration of their apps, Shopify Mobile and Shopify Point of Sale (POS), to React Native's New Architecture.

FlashList v2 is a complete rewrite of the original FlashList for React Native, designed to enhance performance and usability by eliminating the need for item size estimates.

The article discusses how Shopify's Admin was optimized to be 30% faster and prepared for AI integration by transforming its architecture.

The article discusses the advancements in React Native graphics through the integration of WebGPU and Skia, highlighting how these technologies enhance performance and enable new capabilities for d...

The article discusses Mobile Bridge, a framework developed by Shopify to enhance WebViews in their mobile app, making them feel more native.

The article discusses Shopify's five-year journey with React Native, highlighting the reasons for its adoption, the successes achieved, and the lessons learned.

The article details the development of Shopify's BFCM 2023 Globe, focusing on the real-time visualization of purchases made through Shopify-powered merchants.

This article discusses Shopify's approach to remote rendering, a technique that separates UI definition from rendering, allowing third-party developers to create extensions that integrate seamlessl...

The article discusses the performance improvements made to the Shopify mobile app, which serves millions of merchants daily.

The article discusses Shopify's transition to using Remix as the recommended framework for building Admin apps, emphasizing the importance of web standards and developer experience.

The article discusses the migration of Shopify's Retail Point of Sale app from Vanilla Redux to Redux Toolkit (RTK), highlighting the challenges and benefits of this transition.

The article discusses internationalization (i18n) best practices for front-end developers, emphasizing the importance of understanding linguistic nuances when developing applications for a global a...

The article discusses Tophat, a tool developed by Shopify to enhance the mobile developer experience by streamlining the testing process for mobile applications.

The article discusses the integration of JavaScript into Shopify Functions via WebAssembly, highlighting the development of Javy, a toolchain for running JavaScript in a WebAssembly environment.

The article discusses enhancing the natural feel of gestures and animations in React Native mobile applications, particularly focusing on the Sheet component in the Shop app.

The article discusses the complete rewrite of Shopify's CLI from Ruby to Node. js, focusing on enhancing the developer experience.

The article reviews the advancements made in React Native Skia over the past year, highlighting its integration with Skia for 2D graphics rendering across multiple platforms.

The article discusses Shopify's migration of its largest mobile app to React Native, detailing the challenges faced, strategies employed, and the benefits realized from this transition.

The article provides an introduction to React Native Skia, a cross-platform 2D graphics library that enhances the capabilities of React Native by allowing developers to create complex animations an...

Shopify has adopted Rust as its official systems programming language to enhance its infrastructure for commerce.

This article discusses the creation of the Polaris Viz library at Shopify, aimed at standardizing data visualization across various teams.

The article discusses Shopify's approach to measuring rendering times in React Native applications using an open-source library called @shopify/react-native-performance.

The article discusses the implementation of a server-driven UI architecture for the Shop App, which enhances the buyer experience by allowing merchants to customize their store layouts dynamically.

The article discusses the journey of open-sourcing FlashList, Shopify's React Native List library, which addresses performance issues in list rendering.

The article announces the integration of the open-source web framework Remix into Shopify, emphasizing the evolution of web development towards faster and more resilient user experiences.

The article discusses strategies for writing code with minimal reading, emphasizing the importance of focusing on critical areas while leveraging build errors and type systems.

The article discusses Shopify's innovative compensation system, Flex Comp, which allows employees to customize their total rewards.

The article discusses a flexible framework for effective pair programming, particularly in the context of Shopify's Dev Degree program.

This article discusses the development of iOS widgets at Shopify, focusing on the importance of widgets for merchants, the decision to use SwiftUI over React Native, and the challenges faced during...

The article discusses the lessons learned from building Android widgets at Shopify, focusing on the importance of widgets for merchants, the challenges faced during development, and the architectur...

This article discusses managing React form state using the React-Form library from Shopify.

The article discusses the development of Oxygen, a hosting solution for Hydrogen custom storefronts that integrates seamlessly with the Shopify ecosystem.

The article 'Mastering React’s Stable Values' delves into the concept of stable values in React, particularly in the context of Functional Components.

The article discusses the transition from React Native's FlatList to FlashList, a new list component developed by Shopify's React Native Foundations team.

This article provides an in-depth look at Shopify's technical interview process, detailing what candidates can expect at each stage and offering preparation tips.

The article discusses building a form using Shopify's Polaris design system, detailing the components available for creating a consistent user interface.

This article presents a curated list of ten tech podcasts recommended by Shopify's engineering team, highlighting their favorite shows that cover a variety of topics relevant to software engineers.

The article discusses Shopify's development of a business system integration and automation platform using Ruby on Rails.

The article discusses the release of the second version of Shopify's Marketplace Kit, which provides boilerplate app code and documentation for developers to build and integrate commerce features w...

The article discusses the integration of Vite with Hydrogen to enhance developer experience and performance for Shopify storefronts.

This article details the process of implementing the 'Add to Favorite' animation in Shopify's Shop app, emphasizing the importance of user experience through animations.

The article discusses React Native Skia, a project aimed at enhancing the graphical capabilities of React Native by integrating the Skia graphics library.

The article discusses the integration of Tailwind CSS with Hydrogen, Shopify's React-based framework for building custom storefronts.

This article explores best practices for using React Server Components (RSC) in the Hydrogen framework, emphasizing the importance of shared components and the strategic pivoting between client and...

The article discusses how to rapidly develop a product page using Hydrogen, Shopify's React-based framework.

The article highlights ten of Shopify's favorite engineering posts from 2021, showcasing a variety of technologies and disciplines.

The article discusses the redesign of Shopify's BFCM live map using Apache Flink to enhance scalability and insights.

The article discusses the development of an App Clip using React Native, highlighting the challenges and solutions encountered while adhering to the 10MB size limit.

This article provides five practical tips for engineers looking to grow their careers, emphasizing the importance of continuous learning, ownership, and mentorship.