🍿 Play Next Episode - The Netflix Trick Hidden in React 19.2

Hey Reader,

I’ve been diving deep into React 19.2 and Next.js 16 Beta this week, and honestly, it’s such a solid update. I have started to incorporate so many of the features in my Next.js Custom Course Platform and have seen massive improvements.

But before we jump into this week’s snack, let’s hear it from our sponsor. 👇

But before that, let's hear it from our Sponsor.

PRESENTED BY CODERABBIT AI

Most AI test tools just throw random assertions at your code and call it “coverage.”
But they don’t actually understand your project’s context - your framework, mocks, or edge cases.

That’s why I’m really impressed with CodeRabbit’s new Unit Test Generator ↗️ ✨

Instead of guessing, it analyzes your pull request and generates tests that actually fit your repo, including:

Edge cases and error conditions
Proper mocking strategies
Framework-specific conventions (Vitest, Next.js, MSW)
GitHub Actions integration that fixes CI issues automatically

The result? Tests that actually work! no boilerplate, no setup, just reliable coverage tailored to your code.

👉 It’s free to try in your CLI, install with one command 🎁

Simple One Line Install Here 🚀

🍿 Weekly Snack: The Netflix Secret Inside React 19.2

Let’s say you’re binging your favourite show on Netflix 📺.

As you’re wrapping up the episode, you see that “Play Next Episode” button. You press the button, and boom 💥 it starts instantly.

No spinner, no buffering, no waiting around to know what happens next. That’s because Netflix quietly pre-renders what you’re about to do next.

And that’s exactly what React 19.2’s new API lets you do. Here's an example,

💡 What it does

lets you hide components without unmounting them, so they can keep running in the background but stay invisible to the user until the right moment.

Just like Netflix prepping the next episode while you finish the current one.

👉 Takeaway: Use to think ahead, render what’s next, not just what’s now. ⚡️

🚀 Latest Frontend News

Interactive UI components for MCP, check them out here

React Compiler 1.0 has shipped, it automatically optimizes components and hooks without requiring rewrites.

Next.js 16 Beta is out with many exciting features

Turbopack is stable
3 new Caching API's
React Compiler enabled with a flag

You can also check out my video on summarizing it all.

React and React Native are moving from Meta to a new React Foundation, a vendor-neutral organization to manage React’s governance, infrastructure, and community initiatives independently.

ICYMI, this was last week's Frontend Snacks where we explain new feature from React 19.2 - useEffectEvent and how you can stop infinite rendering.

What does the Future of UI look like?

Vite now has a unified toolchain for the web - Vite+ unifies your entire web development workflow into a single, powerful command-line interface.

Cursor Agent Tips from Lee Rob, highly recommend

ShadCN shipped a full guide on using Forms with the new components and forms with a library of your choice.