βš›οΈ This Week In React #292: Octane, TanStack, StableRef, Next.js, Canvas UI, Reassure, CSS-in-JS | Workers, SafeAreaView, backgroundImage, WebGPU, VisionCamera, React Navigation, Canvas Kit, Nitro | TC39, Web Vitals, Playwright, Webpack, npm


β€‹πŸŒ Read Online ​

Hi everyone, Seb and Jan here πŸ‘‹!

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.

Let's dive in!

πŸ’Έ Sponsor

​Ship AI generated code safely with Meticulous.​

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.

Fortunately, top AI-driven teams like Dropbox, Notion, LaunchDarkly, and Wiz rely on Meticulous to run 1000s of e2e UI tests autonomously, covering every user flow, edge case, role and permutation. Built by ex-Palantir engineers, Meticulous gives you near-exhaustive coverage in weeks, without any developer effort.

It works like magic in the background:

  • Near-exhaustive coverage on every test run
  • No test creation
  • No maintenance (seriously)
  • Zero flakes (built on a deterministic browser)

Check it out - and see why one engineering leader at Dropbox said that β€œonce we started using Meticulous, we couldn’t imagine working without it.”

βš›οΈ React

​Octane – React's programming model, compiled​

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.

πŸ’Έ Sponsor

​Stop Rebuilding Forms for Every Business Change​

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

πŸ”€ Other

🀭 Fun

See ya! πŸ‘‹

βš›οΈ This Week In React

πŸ”₯ Keeps React and React-Native experts up to date! Join 34k+ devs for one email per week.

Read more from βš›οΈ This Week In React

🌐 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...