📨 #239: ViewTransition, Suspense, TanStack, Zero, use-mcp, Compiler, Intl-T | 0.80, Stable APIs, iOS prebuilds, shadcn, Expo, InstantDB, Granite | TypeBuddy, Hono, H3, Playwright, cosmos.gl

June 18, 2025 · 7 min read

Software Engineer - Software Mansion

Hi everyone! Krzysztof and Tomasz from Software Mansion here 👋

It's been a fairly calm week for the React ecosystem, but not for the React Native world. Meta has made an exciting announcement about the release of React Native 0.80, where they've decided to officially freeze the Old Architecture. Make sure you're ready to adapt your app to the New Architecture, as it seems like it could be the last moment to do so.

As always, thanks for supporting us on your favorite platform:

🦋 Bluesky
✖️ X / Twitter
👔 LinkedIn
👽 Reddit

Don't miss the next email!

My favorite resource for keeping up with the React community!

Evan BaconEngineering Manager - Expo

💸 Sponsor

Free AI Code Reviews in IDE - VSCode, Cursor, Windsurf

CodeRabbit is the AI code review platform purpose built to speed up code reviews and improve code quality. Integrating seamlessly into git workflows and existing toolchains, it delivers codebase-aware reviews and supports all programming languages.

Now they are excited to deliver AI code reviews directly in VS Code, Cursor, and Windsurf–letting you and your team (vibe) code with confidence and review while keeping in flow.

Even better: code reviews in the IDE are free! That’s right: line-by-line reviews and one-click fixes, all in your IDE at no cost to you.

Install the extension and start vibe checking your code today!

⚛️ React

💸 Product for Engineers - The hidden benefits of being an open-source startup
📊 The State of React and the Community in 2025
📖 React Compiler – The Mutability & Aliasing Model
🗓️ React Summit US - 🇺🇸 New York - 18 & 21 Nov. Final early bird opportunity! Join Addy Osmani (Google Chrome), Shaundai Person (Netflix), Shawn Swyx Wang & more!
📜 Bringing React's <ViewTransition> to vanilla JS: A good explanation how view transitions are supposed to work and how you can implement them on your own.
📜 Composable streaming with Suspense: React's Suspense composition allows you to easily implement features like lazy loading or out-of-order rendering without complex configurations and external dependencies.
📜 Real-Time Gesture Recognition in Videoconferencing: browser-based video effects using MediaPipe, Fishjam and Smelter.
📜 Zero is Not Local-First. It's Better.: Zero library is a new sync engine that offers "partial sync first" rather than a full "local-first" approach, meaning it only syncs the data your application actively queries and uses, making it efficient for apps with large datasets. You don't need to take care of cache invalidation because the server is still the source of truth.
📜 TanStack Start: the Future of React Frameworks?: Describes the advantages of the TanStack Start framework, which may potentially become a competitor to well-known frameworks like Remix or Next.js.
📜 Building the Twitter 1.0 Web Experience: A case study on how Twitter Lite PWA was optimized over time and the benefits it brought.
💸 The Road to Next - Master Full-Stack Web Development with Next.js 15 and React 19
📦 Relay 20.0 – ESLint plugin update
📦 use-mcp - A lightweight React hook for connecting to Model Context Protocol servers
📦 Intl-T – A Object-Typed Node-Based i18n Translation Library
📦 React Final Form 7.0 – All modules modernized to TypeScript
📦 Meteor 3.3 – Faster Builds with SWC and Bundler Optimizations – 60% faster builds
🎥 Theo – Defending SQL in JSX
🎥 Shruti Kapoor – You’re Managing State Wrong in React
🎥 Future Frontend Conf – YouTube Playlist

Don't miss the next email!

If every newsletter was as informative, the world would be a better place!

Mike GrabowskiCTO and founder - Callstack

💸 Sponsor

Embrace Web RUM provides user-focused observability

Want to understand where technical performance actually impacts user engagement? With Embrace Web RUM, you can connect telemetry to what users are actually experiencing, so you know what's broken, why it matters, and how to fix it.

Full session timelines. Core Web Vitals and JS exceptions in context. User journeys for custom flows with intelligent issue correlation. Built on OpenTelemetry for powerful integration with existing observability systems.

Join the webinar to learn more.

📱 React-Native

React Native 0.80

This milestone release announces the goal of Moving Towards a Stable JavaScript API, an ongoing effort to accurately define the JS and TypeScript APIs.

Here are the highlights:

React 19.1: Its new captureOwnerStack() API can improve the DX of error overlays.
JavaScript deep imports deprecation: You’ll have to import everything from the root ’react-native’ exports.
Strict TypeScript API (opt in): The Strict TypeScript API is an opt-in preview offering more accurate TypeScript types for the react-native package, generated directly from source code.
Legacy Architecture Freezing & Warnings: The React Native team will now focus on the New Architecture.
iOS Prebuilds for React Native: iOS builds are roughly 12% faster thanks to shipping prebuilds for Folly and GLog rather than building them from source. In a future release, the rest of React Native core will be shipped as a prebuild.