🍿 Stop Infinite Re-renders with React 19.2 Feature


Hey Reader,

This week was huge for web dev 🚀.

React 19.2 just landed with fixes for some of the most annoying bugs, Sonnet 4.5 dropped with major AI upgrades, and the ecosystem feels like it’s moving faster than ever.

I’ve rounded up the highlights (and why they matter) along with this week’s Snack for you below 👇

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

PRESENTED BY CODERABBIT AI

Most AI code reviewers feel shallow, they look at syntax, patterns, maybe a guideline or two, but they don’t actually understand the context your team works in.

That’s why I’m really impressed with CodeRabbit’s new MCP integration ↗

Instead of guessing, it pulls in context from the tools you already use every day:

  • Linear tickets
  • Confluence docs
  • Datadog dashboards
  • Slack threads
  • Even your own internal systems (if they run an MCP server)

The result? Reviews that actually get it, not just surface-level fixes, but feedback grounded in your real requirements and infra.

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


🍿 Weekly Snack: Stop Infinite Re-renders

Ever add a handler inside an effect, put it in the dependency array, and suddenly… re-renders forever?

That’s usually because your handler changes identity every render, so the effect keeps tearing down and setting up again.

React 19.2 just dropped useEffectEvent that fixes this problem.

useEffectEvent solves this by:

  • Giving you a stable function identity (so the effect doesn’t re-run).
  • Still letting that function “see” the latest theme value whenever it runs.

So the connection only resets when roomId changes (which is what we want), but the toast still shows the correct, latest theme (no staleness).

👉 Takeaway: Use useEffectEvent when you need event handlers inside effects that stay up to date without messing up your dependency array.

🚀 Latest Frontend News

Where it's AT? Dan Abramov deep dives into the AT Protocol

React 19.2 just dropped some of the most exciting changes with new features and performance improvements:

  • Activity component
  • useEffectEvent
  • cacheSignal

A full React 19.2 video deep dive is here

Sonnet 4.5 is out! Claude Sonnet 4.5 is the best coding model in the world.

Next.js Middleware file will be renamed to Proxy, are you ready for it?

React Router's preview support for RSC Framework Mode is now available. Just swap your Vite plugin and you can:

  • Return Server Components from loaders/actions
  • Opt routes into Server Components
  • Leverage Server Functions

Auth.js aka Next Auth is now part of Better Auth, isn't that amazing? It's time to refactor Modern Full Stack Next.js Course!

There is a Coding Agent Template for building AI-powered Agents

--

Get Events, Jobs and Scholarship opportunities in your Inbox, highly recommend Diversity in Tech Newsletter (not sponsored)

What do you think of today's Newsletter? Simply click on one of the links below.

🔥 Love it!

😐 It’s okay

👎 Not good



All past newsletters
can be found here.

You can email me at me@kulkarniankita.com to advertise/sponsor the newsletter.

For those curious, I write all my emails using Convertkit.

Ankita Kulkarni

Join 9200+ subscribers reading by weekly personalized Newsletter that helps developers level up their skills through weekly Frontend and Leadership Snacks. You get a deep dive into a Tech topic, Actionable tips to excel in your career and a toolbox!

Read more from Ankita Kulkarni
git worktree

Hey Reader, A lot of you have been asking me how I’m able to stay so productive and get a lot of work done so I finally broke down my exact workflow and setup in a short video. 🍿 Our Weekly Snack: Run Multi Agents stress free with Claude Code Git work trees let you check out multiple branches at the same time each in its own folder all backed by the same repo. Instead of one working directory and constant branch switching, you get parallel workspaces. Each work tree has its own isolated...

skills vercel

Hey Reader, I just dropped a super exciting video that covers all 29 Common Next.js Mistakes that I have seen a lot of developers make (including senior developers). PRESENTED BY GRAPHITE Ship AI-generated code without getting buried in massive PRs. Stacking breaks large changes into small, logical PRs that your team can review and merge in parallel, making development faster and smoother. Graphite is the tool that makes stacking effortless. It, Organizes your work, Highlights clean diffs,...

Cleaner alternative to Next.js Serverless Functions

Hey Reader, Happy New Year! As we begin the year, I have dropped an exciting build for you on Building a Full Stack AI SaaS with Next.js 16, React, Hono.js, Tailwind that helps you find your AI Learning Partners based on your Learning Goals. Make sure to subscribe to my Youtube channel, my goal for this year is to cross 100k subscribers so help me make it happen 💪. The source code alongside cheatsheet is completely free! so enjoy and let me know what you think. PRESENTED BY CLERK Meet the...