This Week In React #212: Astro, Next.js, Storybook, INP, Virtualization, WebXR, LiveView, Radon, Yoga, Unistyles, gluestack, Expo-Video, Node...

Search for a command to run...

No comments yet. Be the first to comment.
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 dec...

Hi everyone! This week is relatively calm in the React ecosystem, but we still have various interesting blog posts and releases. Maybe we'll soon get some exciting news from React Summit that's about on Friday! On the React Native side, all the devs ...

Hi everyone! I thought I was on schedule for today's issue, until I realized that Dan Abramov wrote 4 RSC blog posts this week ๐. We also get great releases, including Storybook, LiveStore, Base UI, and the Lingo Compiler is a quite exciting innovat...

Hi everyone! Cyril and Matthieu from Theodo Apps here ๐. This week, the Remix team announced some big news. Microsoft has also made it easier to try out TypeScript Go rewriting. In the React Native world, there were a few minor but interesting relea...

Hi everyone! This week, we're delighted to finally have a preview of React Server Components support in React Router. I've also found some very interesting PRs on the React repo, and give you a glimpse of what could be coming soon! The React Native e...

Hi everyone!
This week React developers have either been super grateful or busy spending money on useless things. Luckily, Astro is here to make the headline. We also have 2 great React perf articles.
The React Native ecosystem has been more active, with the official launch of Radon IDE, and many interesting releases.
Node 22.12 is here, with require(esm) enabled by default in LTS! There's also a TC39 meeting in progress with ES proposals progressing, but that's for next week!
๐ก Subscribe to the official newsletter to receive an email every week!
daily.dev: Your personal dev news feed
daily.dev brings over 1,000,000 developers a personal news feed with every update, framework and meme they need to know about. Itโs totally free and you can opt out of listicles.
Suffer and learn with like minded developers.
Stay up to date effortlessly.
Discover new frameworks and devtools as they come out.
Be the smartest dev in the room.
Itโs totally free. For the best experience, download the extension.
A new major version of Astro just dropped. While technically not a pure React framework, itโs still widely used in the React community, can easily integrate interactive React components, and relies on MDX. The headlines are:
Content Layer to bring all of your content into one friendly, type-safe data store. Including from CMS, APIs, and other sources.
Server Islands for serving an initial page response as fast as possible, while keeping the ability to interleave dynamic content into a mostly static layout. A quite interesting and simpler alternative to React Server Components and Next.js Partial Pre-Rendering.
Simplified prerendering, removing the โhybridโ option
Type-safe environment variables
Vite 6 with the new Environment API
Experimental features: image cropping, responsive image layouts, SVG components
๐ธ Omlet โ Scan your repo and measure how and where React components are used
๐ Next.js PR - Undeprecate revalidate APIs and rename expire APIs: I mentioned new expire APIs to replace the revalidate APIs, but it was a bit too early apparently. The new expire APIs are now marked as unstable and will be iterated on.
๐ Next.js Canary - authInterrupts APIs: New forbidden/unauthorized functions and file conventions to return 401/403 status codes.
๐ Next.js Canary - New config option to disable CSS chunking
๐ How To Improve INP: React: Interaction-to-Next-Paint is now part of Core Web Vitals, and many React sites do not have a great INP score according to the httparchive data. This article greatly explains how to optimize your appโs INP score by sharing many pragmatic tips learned from experience. Covering scheduling, concurrent features, hydration, transitions, state updates, uncontrolled inputs, effects, portalsโฆ
๐ Better Code Rendering Through Virtualization: CodeCov engineer explains the process of troubleshooting a performance problem while rendering a 52k line file from the TypeScript codebase. They successfully adopted the TanStack virtualization library and documented challenges encountered (native search and scrolling).
๐ Storybook Component Testing for RSCs: Testing RSCs usually requires E2E tests, and Storybook proposes an alternative strategy (experimental) that runs faster, directly in the browser, after mocking server IOs.
๐ Thoughts on Tailwind 4: Itโs more about CSS than React, but the creator of the Meta StyleX CSS-in-JS library expressed concerns. The introduction of descendant variants breaks the atomic CSS guarantees.
๐ Introducing Efficient Valkey-Based Caching for Next.js: Platformatic explains how they provide a scalable shared cache to their hosting platform thanks to the Next.js pluggable cache handler system.
๐ If Not React, Then What?: I donโt know if you want me to include React criticisms like this in the newsletter. Reading it doesnโt spark me joy ๐ . Please reply and tell me!
๐ฆ Phoenix LiveView 1.0: Itโs an Elixir release, but I believe itโs still super relevant for React developers since LiveView and RSCs are kind-of similar in their way of making the network disappear.
๐ฆ WebXR First Steps - Your first steps into immersive web development: A 2-hour tutorial to build an immersive VR FPS mini-game using React-Three-XR.
๐ฅ Fireship - Is Next.js 15 any good? "use cache" API first look
๐๏ธ This Month in React - React 19 is unblocked, Next 15 is 'stable', Expo launch week
๐๏ธ Syntax - Animating the Web With Matt Perry: Exploring Motion
Introducing Waitlist mode from Clerk
<Waitlist /> is a new sign-up mode and component that lets users register interest and join a waitlist for early access to your product. Manage user access and onboarding all within your Clerk Dashboard. Read our changelog announcement for more details.
Software Mansion created a VSCode extension (also supporting Cursor) that turns your editor into a fully fledged IDE for React Native and Expo. Itโs now officially launched as a stable version. Itโs a paid product, but considering the low price and the DX improvement, itโs a no-brainer that also supports the company's great open source efforts. Take a look at the Radon IDE launch video to have a quick overview of the features: simulators panel and settings, debugging, click-to-inspect, URL-driven navigation, storybook integration, and more.
๐ React Native RFC - Lean Core, extract JSC (JavaScriptCore) from React Native core: Since Hermes is now the default runtime, it is inefficient to include unused JSC in core.
๐ Expo-video: a simple, powerful way to play videos in apps
๐ Why Brownfield Development With React Native Is Worth Your Attention
๐๏ธ React Universe Conf - ๐ต๐ฑ Wrocลaw - September 2-4, 2025 - A limited batch of Blind Bird tickets is available (until sold out)
๐ฆ React Native 0.77.0-rc.1 - fix punycode Node22 warning ๐
๐ฆ Unistyles 3.0 beta - No re-renders, StyleSheet parity, Shadow Tree updates, powered by Nitro: This upcoming version looks like a great drop-in replacement for the default StyleSheet API. I'm not quite sure how it works yet, but it sounds very interesting.
๐ฆ Yoga 3.2- Support for CSS box-sizing and display: contents
๐ฆ React Navigation 7.3 - Support for regexp and alias in linking config
๐ฆ Skia 1.6 - Opaque Android canvas to improve performance
๐๏ธ React Universe On Air - Radon IDE: Better Developer Experience for React Native Teams
๐ฅ Simon Grimm - React Native Debugging: From JS to Native
๐ฅ Beto - How to implement a Rich Text Editor using DOM Components
๐ฆ Playwright 1.48 - Aria snapshots, test runner improvements
๐ฆ Undici 7 - Scheduled for Node.js 24, stricter fetch() spec compliance
๐ฆ Prisma 6 - Better Performance, More Flexibility & Type-Safe SQL
See ya! ๐