This week we have an interesting React challenger, keeping its mental model but compiled ahead of time. Also various major announcements from the TanStack side.
On the mobile side, we have interesting RN 0.87 PRs to look at, discussions around workers / worklets, a WebGPU/Skia integration, and React Navigation 8 / Screens 5 progress.
Last week, many proposals progressed during a TC39 meeting. npm is going to scan for malware at publish time. Core Web Vitals will now measure SPA soft navigation.
Claude writes your code. Claude reviews your code. Claude fixes the review comments. And somehow, you're the one getting paged at 2am when it breaks in prod.
Dominic Gannaway β former React/Svelte team member, creator of Inferno β unveiled his new project, Octane, as a successor to Inferno.
It keeps Reactβs programming model, but compiles Hooks, Suspense, and Actions ahead of time. It improves performance, removing the Virtual DOM and using native browser events. You donβt need to respect the rules of hooks or to maintain dependency arrays manually. You can use it with JSX/TSX, but it also supports TSRX to improve your developer experience.
This looks like a quite serious React challenger using the same mental model, already receiving contributions from maintainers of popular project. It comes from day 1 with integrations for libraries such as TanStack, React Three Fiber, Lynx, StyleX, NativeScript, and more.
π Next.js docs preview - Offline support - With experimental.useOffline enabled, Next.js will no longer throw when the network is down, keeping requests pending with a retry.
ποΈ React Advanced London - π¬π§ London - 23 & 26 Oct. First speakers announced: TanStack Maintainer, Engineer at Vercel, Apollo TypeScript Client maintainer & more. All in a historic ex-brewery. Get 10% off with code "TWIR".
π TanStack - We Stopped Using RSC onTanStack.com - Tanner explains why the TanStack website adopted RSC in the first place, keeping heavy dependencies like the Shiki syntax highlighter on the server. But the maths change if the heavy libraries become smaller: itβs better to use SSR, ship a small lib once and render multiple times on the client than to render each blog post on the server and ship an RSC/Flight payload. To achieve better performance with SSR, TanStack had to introduce 2 new deliberately small projects: TanStack Markdown and TanStack Highlight, available in alpha. In TanStack Start, you can freely decide to use SSR or RSC when it makes sense.
π Making Referential Stability a Type - A really cool idea to tag memoized values directly in the type system with Stable. With stableref/react, you can enforce APIs to use memoized values and get compilation errors if props or dependency array elements are not memoized.
π How to Think in Remix UI Instead of React - A pragmatic intro to Remix v3 from a React perspective. Components run once, return a render closure, and you re-render with this.update(). This gives you more control than React hooks, but requires more boilerplate.
π The Absolute State of Management - Alex Russel argues React's state management libs don't manage state; they only propagate it with pub/sub. Real state management needs time and ordering: CRDTs, sync engines, vector clocks.
Hardcoded forms create a costly cycle: every new field, workflow, validation rule or customer-specific variation becomes another development task, code review and deployment.
SurveyJS breaks that cycle. Developers embed a JSON-powered form builder and reusable form runtime into their React application once. Business teams can then create and update forms through configuration rather than application code.
Ship new forms faster
Reduce repetitive frontend work
Launch form changes without waiting for a release cycle
Keep full control over your backend, data, security, and branding
Your developers own the platform. Your business teams manage the forms. π
π¬ React Native RFC - CSS calc() in React Native - A proposal to add a C++ implementation, so host platforms do not need to be aware of its existence. Aligns more closely with the web, avoiding onLayout and useless render passes.
π From Expo Router to Detour: Deferred deep linking the right way - Standard deep links break at the store boundary, causing an Installation Gap when the app is not installed yet. The solution is to use deferred deep linking to capture user intent and replay it on the appβs first launch.
π¦ RN Workers 1.0 Alpha - Separate Hermes runtimes created on a dedicated thread to enable real multithreading. Each worker has its own bundle. Communication between them is using messages via a structured-clone codec. This discussion explain differences with Worklets. Hermes also supports WebWorkers out of the box (unstable) that will be in a public release soon.
π¦ React Native WebGPU 0.7 - importDevice() - This lets you import the RN Skia Graphite WebGPU device. Itβs the foundation for zero-copy interop between the two worlds, letting you use WebGPU textures in Skia efficiently.
ποΈ RNR 368 - RNR Explains: Fabric - A look into how the Fabric renderer works. How it speeds up mobile apps and unlocks concurrent React features.
π£ Core Web Vitals - Measuring soft navigations - Measuring SPA soft navigations (page transitions with history.pushState) will be enabled by default in Chrome 151, and integrated into DevTools, the web-vitals package, Lighthouse, PageSpeed Insights, and Real User Monitoring tools.
π Your SPA Is Leaking Memory. Soak Test It - A practical Playwright recipe to catch SPA memory leaks. Loop a user flow, read Chrome's node/listener counts before and after, assert.
π Read Online Hi everyone, Seb and Jan here π, earlier than usual this time π€ͺ Wow, 300 issues already! Time flies, and thanks for reading along π It's a big week, with major releases from the Next.js and TanStack teams. We also put the spotlight on recent React Foundation activity. On mobile, Skia 3.0 is out! Shopify and Coinbase both recently announced moving away from React Native, a trend worth watching. Callstack officially launched an AI model specialized in React Native. There are other...
π Read Online Hi everyone, Seb and Jan here π! This week we have 2 major releases in the React ecosystem: Panda CSS v2 and Vinext v1. On the mobile side, RN is getting support for variable font and Android Activity Result. Lynx v4 is out. Lucent is a new way to write native modules. Iβm particularly excited about the TC39 meeting happening right now. Many proposals progressed, including my favorite one: Composites moved to stage 2! Let's dive in! πΈ Sponsor The React framework for MCP Apps MCP...
π Read Online Hi everyone, Seb and Jan here π! This week is rather quiet on the web side. Astro's React integration keeps ramping up. Redux is working on significant performance improvements for large apps. On mobile, we still have a steady flow of interesting releases. Reanimated enabled its new layout engine by default. Shopify presented Helix, its internal tool to move away from RN. Xcode project format is finally moving to JSON! We asked on π: do average devs still care about React?Thanks...