星期三 05 下午 九月 10o 2025
Shopify's journey to the New Architecture
#443 — September 10, 2025
Together with
⚛️ React Status
An Interactive Guide to TanStack DB — TanStack DB is the latest project from the popular TanStack 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
Take Control of User Roles and Permissions with WorkOS RBAC — 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 — 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, Christoph Nakazawa on building scalable applications, and Aurora Scharff digging into modern React development patterns.
Callstack
IN BRIEF:
Storybook 10 is now in beta 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 is taking place next June in Oslo.
🤖 Tidewave is a new web-based AI coding agent built by the creator of Elixir. Originally focused on Rails and Phoenix projects, it now supports building React apps too.
How Shopify Migrated to React Native’s New Architecture — The New Architecture heralded a big shift in how React Native worked and became the default in React Native 0.76. 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 — The easiest way to… not charge your customers?🤔 Find out how.
Clerk sponsor
📄 Using Node.js’s Native Test Runner with TypeScript and React Matthew Brown
📺 How to Make an Audio Visualizer with React Native Audio API and Skia Daniel Friyia
📄 Finally, Safe Array Methods in JavaScript Matt Smith
🛠 Code, Tools & Libraries
React Bits: 100+ Creative, Animated React Components — If you want a bit of visual pizzazz in your project, this is for you. The components span from a variety of text effects to general animations, a ‘chroma grid’, bouncing cards, distortions, and more. The newest addition is called Laser Flow and provides an animated laser targeting effect. GitHub repo.
David Has
React Three Timeline: Write Composable 3D Behaviors Like a Story — Write 3D behaviors like a story using async generator functions. There’s a live demo here (with source) (doesn’t autoplay, but it gets loud).
Bela Bohlender
React Native Liquid Glass: iOS 26 Effect for iOS React Native Apps — A simple customizable way to bring the iOS 26 ‘liquid glass’ effect into RN apps.
Callstack
🎬 Mediabunny: A Complete Media Toolkit for JavaScript — A library to read, write and convert popular media file formats (e.g. MP4, MP3, and more) without leaning on dependencies like FFmpeg. Notably, the Remotion (React video generation toolkit) has decided to sponsor 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 — For timelines, activity charts, health status indicators, etc.
Sakthi LK
Ink 6.3 – Use React to build CLI apps, as used by Claude Code, Gemini CLI, and many other apps.
React Menu 4.5 – Component for building accessible menus and dropdowns.
react-json-view-lite 2.5 – Render JSON objects in a tree view, as here.
📰 Classifieds
$100 off yearly Frontend Masters membership! 250+ courses, personalized learning path, workshops with devs from GitHub & Netflix. Sale ends soon →
⚡️Add lightning-fast barcode & QR scanning to your web app with STRICH, a sleek JS library. Clear, predictable pricing. Free trial and demo!
📢 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 earlier this week after multiple contributors to popular packages fell victim to a phishing campaign. 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 with a new rule (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, its edge function platform.
Andromeda is the newest JavaScript runtime on the block, powered by the Nova engine. It’s built in Rust and boasts direct GPU accelerated graphics support, single file compilation, and memory safety.
Ripple 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.
Curated by Peter Cooper and Terence C. Gannon.
A Cooperpress publication.
#443 — September 10, 2025
Together with
⚛️ React Status
An Interactive Guide to TanStack DB — TanStack DB is the latest project from the popular TanStack 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
Take Control of User Roles and Permissions with WorkOS RBAC — 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 — 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, Christoph Nakazawa on building scalable applications, and Aurora Scharff digging into modern React development patterns.
Callstack
IN BRIEF:
Storybook 10 is now in beta 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 is taking place next June in Oslo.
🤖 Tidewave is a new web-based AI coding agent built by the creator of Elixir. Originally focused on Rails and Phoenix projects, it now supports building React apps too.
How Shopify Migrated to React Native’s New Architecture — The New Architecture heralded a big shift in how React Native worked and became the default in React Native 0.76. 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 — The easiest way to… not charge your customers?🤔 Find out how.
Clerk sponsor
📄 Using Node.js’s Native Test Runner with TypeScript and React Matthew Brown
📺 How to Make an Audio Visualizer with React Native Audio API and Skia Daniel Friyia
📄 Finally, Safe Array Methods in JavaScript Matt Smith
🛠 Code, Tools & Libraries
React Bits: 100+ Creative, Animated React Components — If you want a bit of visual pizzazz in your project, this is for you. The components span from a variety of text effects to general animations, a ‘chroma grid’, bouncing cards, distortions, and more. The newest addition is called Laser Flow and provides an animated laser targeting effect. GitHub repo.
David Has
React Three Timeline: Write Composable 3D Behaviors Like a Story — Write 3D behaviors like a story using async generator functions. There’s a live demo here (with source) (doesn’t autoplay, but it gets loud).
Bela Bohlender
React Native Liquid Glass: iOS 26 Effect for iOS React Native Apps — A simple customizable way to bring the iOS 26 ‘liquid glass’ effect into RN apps.
Callstack
🎬 Mediabunny: A Complete Media Toolkit for JavaScript — A library to read, write and convert popular media file formats (e.g. MP4, MP3, and more) without leaning on dependencies like FFmpeg. Notably, the Remotion (React video generation toolkit) has decided to sponsor 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 — For timelines, activity charts, health status indicators, etc.
Sakthi LK
Ink 6.3 – Use React to build CLI apps, as used by Claude Code, Gemini CLI, and many other apps.
React Menu 4.5 – Component for building accessible menus and dropdowns.
react-json-view-lite 2.5 – Render JSON objects in a tree view, as here.
📰 Classifieds
$100 off yearly Frontend Masters membership! 250+ courses, personalized learning path, workshops with devs from GitHub & Netflix. Sale ends soon →
⚡️Add lightning-fast barcode & QR scanning to your web app with STRICH, a sleek JS library. Clear, predictable pricing. Free trial and demo!
📢 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 earlier this week after multiple contributors to popular packages fell victim to a phishing campaign. 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 with a new rule (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, its edge function platform.
Andromeda is the newest JavaScript runtime on the block, powered by the Nova engine. It’s built in Rust and boasts direct GPU accelerated graphics support, single file compilation, and memory safety.
Ripple 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.
Curated by Peter Cooper and Terence C. Gannon.
A Cooperpress publication.
发布者