📨 #242: Vite RSC, Next.js, NuxtLabs, shadcn, TanStack, Valtio, XState, RHF | Unistyles, Rag, Shadow Insets, Ignite, Metro, RN 0.81 RC | TypeScript, CSS Gaps, Browserlist-rs, Biome, Astro, esbuild

9 juillet 2025 · 8 minutes de lecture

Krzysztof Piaskowy

Software Engineer - Software Mansion

Kacper Kapuściak

Software Engineer - Software Mansion

🇫🇷 Non traduit :/

Malheureusement, cette page n'a pas encore été traduite en français. Reviens un peu plus tard!

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

It definitely feels like everyone caught the lazy summer vibe as the whole world went on vacation but we still managed to carve out something interesting for you to read.

We’ve learned how Meta renders React server-side (which is crazy, actually) and Vercel has made some interesting moves in the metaframework sphere by acquiring NuxtLabs.

From the React Native ecosystem, we have React Native Unistyles 3.0, now marked as stable, and we’ve seen the first RC of React Native 0.81, although without any additional context whatsoever.

Enjoy the read!

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

🦋 Bluesky
✖️ X / Twitter
👔 LinkedIn
👽 Reddit

Ne manque pas le prochain email !

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

Mike GrabowskiCTO and founder - Callstack

💸 Sponsor

React Universe Conf, September 2–4, 2025

React Universe Conf is where the React and React Native worlds collide to push the limits of cross-platform and full-stack development. Join core contributors, tech influencers and industry leaders. Catch the latest tech reveals and trends. Dive into advanced workshops on Brownfield integration and Observability in React Native. Finally, soak up the iconic vibe and discover the scenic charm of Wrocław.

Why be there?

25+ speakers from Meta, Microsoft, Vercel, Klarna and others
Hands-on workshops on Day 0
600+ developers from around the world

Topics include: Mobile Microfrontends, Next.js, Module Federation, WebAssembly, and many more…

🎟️ Use a TWIR promo code for a 10% discount: https://www.reactuniverseconf.com/

⚛️ React

💸 PostHog - We built an AI envoy, you can too
👀 NuxtLabs joins Vercel: Vercel has acquired NuxtLab - an organization responsible for maintaining Nitro and Nuxt. The creator of SolidJS pointed out that many metaframeworks are now under Vercel’s influence, including TanStack Start.
👀 Next.js PR – Generate route types manifest: A proposed change to Next.js to automatically generate types for all app's routes, making them globally available without needing imports. This would provide immediate type safety, an IDE autocompletion for page props and layout slots, which would help to catch routing errors early.
👀 Next.js PR - Forward browser errors/logs to terminal
🐦 Alex Sidorenko taught us how to secure your Next.js server actions
💬 How does Facebook serve React pages? (r/reactjs): Surprisingly, they use the Hermes engine - the React Native runtime - to run React web SSR!
📜 Introducing valtio-reactive: a Reactive Library Built on Valtio: Describes how the global state management library Valtio is enriched with missing reactivity and observability features.
📜 The History of React Through Code: Great breakdown of how React has evolved into its mature form, highlighting the pros and cons of chosen approaches over time. It traces React's evolution from its early days with JSX and the Virtual DOM to modern features like Hooks, Suspense, and Server Components, demonstrating how each improvement builds upon core React principles.
📜 How to test React Server Component: Since there is no official way to test RSC, people have come up with some crazy ideas on how to do it. This one is not a recommended approach; it's extremely hacky but clever enough to be worth seeing.
📜 Infinite Queries in React Query: Showcase of how useInfiniteQuery from React Query can simplify implementing infinite scroll.
📜 The Tyranny of Tiny Modules in React and Next.js codebases: The author questions the "keep all React’s modules small" approach, pointing out that sanity should sometimes take precedence over overly restrictive rules - choose what is best for your team. While I don't agree with everything the author said, I still think it can broaden someone's perspective.
📜 Deep dive into state and useState: It covers the area of React’s state management that you might not need on a daily basis, but it's really good to know because this knowledge can help you solve edge cases.
💸 Add secure digital signatures to your React app with Apryse SDK - simplify e-signing for contracts and more!
📦 @vitejs/plugin-rsc – React Server Components (RSC) support for Vite: now officially available on npm under the @vitejs org
📦 shadcn 2.8 – Init & add components, themes, hooks from local JSON files
📦 react-hook-form 7.60 – New keepFieldsRef option for avoiding re-registering input reference after reset()
📦 Lexical 0.33 - Extensible text editor framework
📦 TanStack Router 1.125 - Selective SSR: Gives the ability to define where the component renders and where loader and beforeLoad executes on a per route basis.
📦 React-Email 4.1 - Separate package for storing the preview server
📦 Recharts 3.1 - New useOffset and usePlotArea, useActiveTooltipDataPoints
📦 XState/store 3.8 – Undo/redo functionality
🎥 Theo – Review of “React feels insane” article
🎥 Ryan Carniato – How Signals can improve React

Ne manque pas le prochain email !

If you are not signed-up, you are missing out

William CandillonReact-Native animations expert - Youtuber

💸 Sponsor

Sentry’s new ai agent hits 94.5% root causing accuracy

AI is pretty good at creating bugs. Can it also resolve them?

Seer is Sentry’s new AI agent — and the only AI agent that uses all of the context that Sentry provides: errors, stack traces, commit history, logs, traces, spans, breadcrumbs.

Seer sifts through the data, finds the root cause of an issue (with 94.5% accuracy!), and can open a PR with a fix. Ship it, close the tab, and move on with your life. It’s private by default, supports ±any stack, and it actually works.

Get hands on with the Sentry engineering team to use Seer, Debug MCP, configure Agent Monitoring on July 23. Join the workshop →

📱 React-Native

Unistyles 3.0

React Native Unistyles 3.0 is now stable. It’s a styling library written in C++ that enables recomputing and updating only necessary styles and components based on dependency changes, eliminating unnecessary re-renders. The library is now powered by Nitro Modules and supports only the New Architecture. The 3.0 release features an updated API aligned with the React Native StyleSheet, Compound Variants, Scoped Themes, deep integration with React Native Reanimated, and much more.