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 a 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!
As always, thanks for supporting us on your favorite platform:
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
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.
π¦ Out-of-order HTML streaming proposal: Lets HTML be presented non-linearly, and a single file can update multiple parts of the page. This could be particularly useful for streaming in React while leveraging Suspense.
π 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.
π 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.
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.
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.
π Worklets PR - custom serialization support: A PR that adds a feature to register Custom Serializables just landed on main. It lets you transfer objects between runtimes that can't be trivially serialized or deserialized - like primitives, or objects without circular references, containing only primitives.
π You May Not Need Reanimated Measure: You can now use React Nativeβs built-in measure to get the layout dimensions synchronously in the useLayoutEffect on the New Architecture.
π Read Online Hi everyone! Filip and Krzysztof from Software Mansion here! π Itβs been another challenging week for the React ecosystem. Developers worldwide have been rushing to update their React versions to patch two new vulnerabilities. This serves as a good reminder for all of us to prioritize security during testing. Fortunately, React Native remains mostly unaffected by these threats, as Server Components arenβt yet widely used in the mobile environment. We are taking a well-deserved...
π Read Online Hi everyone! This week, it remains important for me to raise awareness about the React Server Components vulnerability, since an exploit is now widely available. Thankfully, we also have more positive React content to check with Fate, TanStack Alpha, React Grab, and more. Itβs even hotter on the React Native side. We were patiently waiting for 0.83 to publish π and itβs now out. You can now use <Activity> in React Native π₯. Reanimated 4.2 is also out with Shared Elements...
π Read Online Hi everyone! A major React 19 Server Functions vulnerability has just been disclosed. Make sure to upgrade your React 19 or meta-framework ASAP! On the mobile side, we have more positive news: RNRepo should speed up our React Native builds even more, and Shared Elements Transitions are coming soon! (unlike React Native 1.0 π ) Donβt forget to answer the State of React 2025 survey while itβs still open! As always, thanks for supporting us on your favorite platform: π¦ Bluesky βοΈ X...