--- title: "Shopify's journey to the New Architecture" publication: "React Status" issue: 443 published_at: "2025-09-10" canonical_url: "https://react.statuscode.com/issues/443" --- Plus a huge suite of creative, visually striking components. | #​443 — September 10, 2025 [Read on the Web](https://react.statuscode.com/issues/) Together with [![WorkOS\](https://res.cloudinary.com/cpress/image/upload/c_fill,g_auto,w_514,h_98/e_make_transparent/co_white,e_outline:9/tdfxwgk852ui9leli4wm.png)](https://workos.com/rbac?utm_source=cpreact&utm_medium=newsletter&utm_campaign=q32025) ⚛️ React Status [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/cybtmcfzhhlbrlbt5asx.jpg)](https://frontendatscale.com/blog/tanstack-db/) [An Interactive Guide to TanStack DB](https://frontendatscale.com/blog/tanstack-db/) — [TanStack DB](https://tanstack.com/db/latest) is the latest project from the popular [TanStack](https://tanstack.com/) collection and offers an embedded client‑side database that uses differential dataflow to power live, relational queries, sub‑ms incremental updates, and optimistic writes. But what does that mean in real life? Maxi spent a week playing with it to see what makes it tick and where it enhances the TanStack Query experience. Maxi Ferreira [![\](https://res.cloudinary.com/cpress/image/upload/c_limit,w_480,h_480,q_auto/copm/60370e62.png)](https://workos.com/rbac?utm_source=cpreact&utm_medium=newsletter&utm_campaign=q32025) [Take Control of User Roles and Permissions with WorkOS RBAC](https://workos.com/rbac?utm_source=cpreact&utm_medium=newsletter&utm_campaign=q32025) — As your app grows, hard-coded roles and permissions become messy and slow development. WorkOS RBAC makes it easy to define roles, group permissions, and manage access at scale with simple APIs, a powerful dashboard, and native SSO and SCIM integrations. WorkOS sponsor ▶[The Talks from _React Universe Conf 2025_](https://www.youtube.com/playlist?list=PLZ3MwD-soTTGHD999pxTX1r_6JORpOr0C#reactuniverseconf) — React Universe Conf 2025 took place last week in Poland and there were some great talks including Meta’s Jorge Cohen [talking about React Native releases in 2025](https://www.youtube.com/watch?v=GPtopk4y2LI&list=PLZ3MwD-soTTGHD999pxTX1r_6JORpOr0C&index=3), Christoph Nakazawa on [building scalable applications](https://www.youtube.com/watch?v=rxPTEko8J7c&list=PLZ3MwD-soTTGHD999pxTX1r_6JORpOr0C&index=17), and Aurora Scharff digging into [modern React development patterns.](https://www.youtube.com/watch?v=I3AsmAWWGEs&list=PLZ3MwD-soTTGHD999pxTX1r_6JORpOr0C&index=20) Callstack **IN BRIEF:** - [Storybook 10 is now in beta](https://storybook.js.org/docs/10/releases/migration-guide) with one significant breaking change – it's going ESM only, making it both simpler and smaller. Luckily, there's tooling to help migrate your stories and config files. - 🇳🇴 If you want to get an event in your calendar early, [React Norway 2026](https://reactnorway.com/) is taking place next June in Oslo. - 🤖 [Tidewave](https://tidewave.ai/) is a new web-based AI coding agent built by the creator of [Elixir](https://elixir-lang.org/). Originally focused on Rails and Phoenix projects, [it now supports building React apps too.](https://tidewave.ai/blog/tidewave-goes-full-stack) [How Shopify Migrated to React Native's _New Architecture_](https://shopify.engineering/react-native-new-architecture) — The [New Architecture](https://reactnative.dev/architecture/landing-page) heralded a big shift in how React Native worked and became the default in [React Native 0.76.](https://reactnative.dev/blog/2024/10/23/release-0.76-new-architecture) Shopify, heavily reliant on RN, had some big migrations to perform to get their apps using New Architecture and they share their process and observations here. Shopify [Introducing Free Trials in Clerk Billing](https://go.clerk.com/gQdbGDT) — The easiest way to… not charge your customers?🤔 [Find out how](https://go.clerk.com/gQdbGDT). Clerk sponsor 📄 [Using Node.js's Native Test Runner with TypeScript and React](https://matthewbrown.io/2025/09/04/node-test-runner) Matthew Brown 📺 [How to Make an Audio Visualizer with React Native Audio API and Skia](https://www.youtube.com/watch?v=gmW8KeMKXok) Daniel Friyia 📄 [Finally, Safe Array Methods in JavaScript](https://allthingssmitty.com/2025/09/08/finally-safe-array-methods-in-javascript/) Matt Smith 🛠 Code, Tools & Libraries [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60,q_auto/yof1nuemrhomwn5awysa.jpg)](https://www.reactbits.dev/) [React Bits: 100+ Creative, Animated React Components](https://www.reactbits.dev/) — If you want a bit of visual _pizzazz_ in your project, this is for you. [The components](https://reactbits.dev/text-animations/split-text) span from a variety of text effects to general animations, [a ‘chroma grid’](https://reactbits.dev/components/chroma-grid), bouncing cards, distortions, and more. The newest addition is called [Laser Flow](https://reactbits.dev/animations/laser-flow) and provides an animated laser targeting effect. [GitHub repo.](https://github.com/DavidHDev/react-bits) David Has [React Three Timeline: Write Composable 3D Behaviors Like a Story](https://pmndrs.github.io/timeline/getting-started/0-introduction) — Write 3D behaviors like a story using async generator functions. There’s [a live demo here](https://react-three-timeline-lambo.vercel.app/) ([with source](https://github.com/pmndrs/timeline/tree/main/examples/showcase)) (doesn’t autoplay, but it gets loud). Bela Bohlender [React Native Liquid Glass: iOS 26 Effect for iOS React Native Apps](https://github.com/callstack/liquid-glass) — A simple customizable way to bring the iOS 26 ‘liquid glass’ effect into RN apps. Callstack 🎬 [Mediabunny: A Complete Media Toolkit for JavaScript](https://mediabunny.dev/) — A library to read, write and convert popular media file formats (e.g. MP4, MP3, [and more](https://mediabunny.dev/guide/supported-formats-and-codecs)) without leaning on dependencies like FFmpeg. Notably, the Remotion (React video generation toolkit) has [decided to sponsor Mediabunny](https://www.remotion.dev/blog/mediabunny) and plans to _"phase out Remotion Media Parser and Remotion WebCodecs and help Mediabunny become the go-to multimedia toolkit for the web."_ Vanilagy [React Horizontal Heatmap](https://github.com/sakthilkv/react-horizontal-heatmap) — For timelines, activity charts, health status indicators, etc. Sakthi LK - [Ink 6.3](https://github.com/vadimdemedes/ink) – Use React to build CLI apps, as used by Claude Code, Gemini CLI, and [many other apps.](https://github.com/vadimdemedes/ink?tab=readme-ov-file#whos-using-ink) - [React Menu 4.5](https://github.com/szhsin/react-menu) – Component for building accessible menus and dropdowns. - [react-json-view-lite 2.5](https://github.com/AnyRoad/react-json-view-lite) – Render JSON objects in a tree view, [as here.](https://anyroad.github.io/react-json-view-lite/?path=/docs/json-view--docs) 📰 Classifieds [$100 off yearly Frontend Masters membership!](https://frontendmasters.com/sale/?utm_source=classified&utm_medium=email&utm_campaign=reactstatus) 250+ courses, personalized learning path, workshops with devs from GitHub & Netflix. [Sale ends soon →](https://frontendmasters.com/sale/?utm_source=classified&utm_medium=email&utm_campaign=reactstatus) --- ⚡️Add lightning-fast barcode & QR scanning to your web app with [STRICH](https://strich.io/?ref=react-status), a sleek JS library. Clear, predictable pricing. [Free trial and demo!](https://strich.io/?ref=react-status) 📢 Elsewhere in JavaScript A roundup of some other interesting stories in the broader JavaScript landscape, in case you've missed them: - It wasn't React specific, but [a major supply chain attack hit the npm ecosystem](https://socket.dev/blog/npm-author-qix-compromised-in-major-supply-chain-attack) earlier this week after multiple contributors to popular packages fell victim to [a phishing campaign.](https://socket.dev/blog/npm-phishing-email-targets-developers-with-typosquatted-domain) If you get any emails purporting to be from the npm registry, take extra care to verify their authenticity. - [ESLint v9.35.0 has been released](https://eslint.org/blog/2025/09/eslint-v9.35.0-released/) with [a new rule](https://eslint.org/docs/latest/rules/preserve-caught-error) (`preserve-caught-error`) for disallowing the loss of an originally caught error when re-throwing custom errors. - Cloudflare has brought initial [Node.js HTTP server support to Cloudflare Workers](https://blog.cloudflare.com/bringing-node-js-http-servers-to-cloudflare-workers/), its edge function platform. - [Andromeda](https://tryandromeda.dev/) is the newest JavaScript runtime on the block, powered by the [Nova](https://trynova.dev/) engine. It's built in Rust and boasts direct GPU accelerated graphics support, single file compilation, and memory safety. - [Ripple](https://www.ripplejs.com/) is an interesting new TypeScript UI framework aiming to bring _"the best parts of React, Solid and Svelte"_ to one package. - If you use Go on your backend at all, you'll want to get up to speed with [Go 1.25's new experimental 'v2' JSON API.](https://go.dev/blog/jsonv2-exp) Curated by Peter Cooper and Terence C. Gannon. A **[Cooperpress](https://cooperpress.com/)** publication. [Change your email address](https://react.statuscode.com/edit_subscription/*|UID|*) or[Stop getting this newsletter](https://react.statuscode.com/leave/*|UID|*) © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom