This Week In React #260: TanStack, Actions, Immer, RTK | Vercel v0, Worklets, Skia | TC39, Playwright, Bun

#react #reactnative

Hi everyone! Kacper and Tymek from Software Mansion here! 👋

This week, TanStack Pacer debuts in Beta, a new framework-agnostic library for controlling function timing with a dedicated React adapter. Lots of interesting articles featuring a 20,000x improvement in TanStack Router route matching algorithm speed, tips to speeding up Next.js on Kubernetes, and tutorial for React 19 Actions for better component responsiveness.

On the React Native side, we'd like to highlight an incredibly detailed blog post on Vercel's breakdown of building the v0 iOS app.

Enjoy the read!

💡 Subscribe to the official newsletter to receive an email every week!

💸 Sponsor

Why is internationalization so hard?

How do you set up i18n in Next.js so it feels built-in — not bolted on? In learn.next-intl.dev, Jan Amann (maintainer of next-intl) distills years of hard-won lessons into practical patterns you can apply today:

🌍 I18n ≠ translations — Understand the pieces that make a truly localized experience
🧩Architecture that scales — Routing, locales, time zones & currencies done right
🚀The full picture — Backend, CMS, SEO, dev tooling, AI translations & more

Now 40% off during the Black Friday week!

⚛️ React

TanStack Pacer is now in Beta

A new framework-agnostic library has just landed from the TanStack hands. It offers high-quality utilities for controlling function execution timing, including debouncing, throttling, rate limiting, batching, and more.

It provides a dedicated React adapter (@tanstack/react-pacer), which gives you a set of easy-to-use hooks on top of the core Pacer utilities, such as useDebouncedValue, useThrottledValue, useQueuedState, or useBatcher.

It also gives you the ability to debug the code via TanStack Devtools.

You can read more about the TanStack Pacer's adapter for React here.

💸 [BLACK_FRIDAY for 50%] The Road to Next - Master Full-Stack Web Development with Next.js 15 and React 19
🐦 Out-of-order HTML streaming proposal: Lets HTML be presented non-linearly, and a single file can update multiple parts of the page. Particularly useful for streaming in React while leveraging Suspense.
🐦 Melvynx - An insightful discussion about choosing TanStack Start vs Next.js
📜 TanStack Router - How we accidentally made route matching more performant by aiming for correctness: TanStack Router’s route matching just became 20,000x faster by rewriting its algorithm to use a segment trie instead of a sorted list.
📜 The State of TanStack, Two Years of Full-Time OSS: The story of a two-year adventure in creating open source libraries. Tanner Linsley, the creator and owner of TanStack, talks about the difficulties, effort, and growth of the company, as well as his reflections about maintaining the product, concluding with TanStack's plans.
📜 Building Reusable Components with React 19 Actions: Demonstrating how to leverage React 19 features, especially new useTransition and useOptimistic hook to prevent the user from feeling the UI is unresponsive.
📜 93% Faster Next.js in (your) Kubernetes: Optimized a 1,000 requests per second AWS-hosted Next.js app, making it more reliable using a separate Node.js application server called Watt.
📜 The Browser Has Everything You Need: Preloading the critical data upfront can drastically improve perceived performance and save you endless debates between SSR and SPA.
📜 Omit for Discriminated Unions in TypeScript: Discussing a common pattern in React and TypeScript to create wrapper components that inherit props from a base component, and outlining the biggest problem with converting the base component into a discriminated union.
📜 One Canvas to Rule Them All: How INK Games’ New Site Handles Complex 3D: Using React Three Fiber and a single shared WebGL canvas.
📜 Moving Mountains: How We Migrated from Enzyme to React Testing Library: Migrate 76,000+ tests from Enzyme to React Testing Library, from planning to execution to modernize React codebase.
📜 Why Judging APIs by Syntax is Misleading You: Using CSS-in-JS and directives, author illustrates that we tend to reject tools based on our familiarity with syntax, even if they solve problems at different levels of abstraction.
📜 Creating Wavy Infinite Carousels in React Three Fiber with GLSL Shaders
📜 Automated Accessibility Testing for React - Tools and Best Practices you can use
📜 React Router's take on React Server Components
💸 React Certification - Up to 60% Off Mid / Senior prep & exam bundles. Exams by Aurora Scharff. Trusted by 680+ companies like IBM & PwC.
📦 Redux Toolkit 2.11 - Immer v11 perf improvements, refetchCachedPages option
📦 ReScript 12 - Improved React Support, new build system
📦 TanStack Router 1.39 - Support for vite preview, prerender with Vite preview server
📦 Streamdown 1.6 - Static rendering mode (no streaming)
📦 use-nemo: A Vite plugin that enables React-like directives in JavaScript code.
📦 XState Store 3.12 - Enable access to the previous value for computed atoms
🎥 Alem Tuzlak - New useRoute() React Router Hook Explained
🎥 Shruti Kapoor - Is TanStack Start the NextJS Killer?
🎥 Youssef Benlemlih - TanStack DB is Getting Embarrassingly Good

💸 Sponsor

Slow And Janky Data Grids Suck. LyteNyte Grid Doesn't.

Frustrated with janky data grids that break down at scale, dictate your architecture, and waste hours on messy workarounds?

Unleash unmatched grid speed with LyteNyte Grid! The 40kb data grid that handles 10,000 updates per second, renders millions of rows, and offers 100+ advanced features ranging from server data loading to tree views. Built in React for React, it can be headless or pre-styled, and our declarative API means no more awkward integrations or workarounds. LyteNyte skips the wrappers and delivers pure performance.

See LyteNyte Grid in action today

📱 React-Native

Vercel - How we built the v0 iOS app

A detailed technical breakdown of the challenges they had to overcome to create a high-quality React Native app. The article is packed with visual explanations and code snippets of common RN headaches related to keyboard handling, lists, text input, and animations.