I wrote about this in my newsletter this week. www.joshwcomeau.com/email/wham-l...

🎉 Registration is now open for my latest course, Whimsical Animations! This course will teach you everything you need to know to design and build stunning, creative animations and interactions. It’s time to make the web less generic and boring! 😄

✨ Tomorrow’s the day! After 18+ months of work, Whimsical Animations will be releasing to the public. 😄 I just sent a FAQ about the course to everyone on my newsletter. If you have any questions about it, they might be answered here:

This Week In React 278 ⚛️ - React Email - TSRX - ESLint plugin - Rspack RSC - TanStack Store / Blog - Hook Form 📱 - Vision Camera - Expo - Nano Icons - ExecuTorch - Argent - Audio API - RNSec - CSS 🍿 Read thisweekinreact.com/newsletter/278 ✍️ @piaskowyk.bsky.social @filip-solecki.bsky.social

Next.js 16.2 just gave AI agents a Browser next-browser lets an agent inspect your running app, not just the code LLMs can’t open DevTools, see skeleton states, or check the network tab Ready for more Next.js? 🎁 Download a FREE Cheatsheet ↓ dub.sh/nextjs-mist...

My upcoming animations course has a few open-ended exercises where the goal is to experiment with the APIs we’ve learned about. Some of the things people are coming up with are legitimately beautiful, like this delightful example from @miksevigny.com 💯

Ever had an Agent start a New Dev Server when it’s already running? Next.js 16.2 stops this with one quick change 🧠 The Fix → create a .next/dev/lock file Aka never ever try to start a new dev server when one is already running

Is Next.js Really Dead? Think again Next.js powers 55% of YC W26 company websites i.e. 111 out of 200 The next closest? Vite/React at 37 sooo, If you're learning Next.js, you're in good company 😉 🎁 Want to dive deeper? Grab a FREE Next.js Cheatsheet on 29 Common Mistakes dub.sh/nextjs-mist...

Stop trusting AI to use the right Next.js patterns Your AI writes code for Next 13 instead of 16 Next.js 16.2 fixes this with one file 🔥 → create-next-app now generates agents.md → Tells AI to read version-matched Next.js docs locally → The docs live in node_modules/next/dist/docs as markdown

Stop calling `redirect()` inside a try/catch in Next.js `redirect()` intentionally throws an internal error to trigger the redirect. Put it in a try block and your catch will swallow it, no redirect Fix: move `redirect()` outside the try/catch FREE cheatsheet: 29 mistakes dub.sh/nextjs-mist...

You're debugging a Next.js error at midnight and AI keeps hallucinating 😖 Stuck on Lesson 16? sure you can ask AI but there is no better feeling than to review the comments & see if others hit the exact same bug in the exact same project Well, I just shipped comments! → dub.sh/nextjscours...

Stop using window or document inside your Next.js server components 💡What happens Server components don't have access to window, document, or events 🧠 The Fix So extract that logic into a separate client component and keep the rest server-rendered 🎁 FREE Cheatsheet here dub.sh/nextjs-mist...

Last week's Snack: Stop putting Auth in Middleware ⚡🍿 🚀 Tanstack Start SSR throughput jumps 5x after profiling hot paths 🧠 How not to overuse useEffect, what to use instead ⚡ OpenAI drops GPT-5.4 mini & nano → 2x faster, built for subagents and more dub.sh/lVxxmtV

Stop wrapping ThemeProvider directly in your Next.js Layout What happens ✔️ Entire component tree becomes client-rendered ✔️ Server components stop working ✔️ You lose App Router performance benefit ✅ Fix Use the "children" pattern 🎁 FREE Cheatsheet here dub.sh/nextjs-mist...

Last week's Snack: Stop putting Auth in Middleware ⚡🍿 🤖 @tanstack.com AI Openrouter → One API, 300+ AI models ✨ @shadcn.com v4 CLI just dropped → One command restyled your whole design system ⚡ @astrodotbuild.com Astro 6.0 → Fonts, better SSR & Rust compiler and more dub.sh/zQBEV3F

Stop placing your Suspense boundary in the wrong spot in Next.js Suspense only shows a fallback after render. If you `await` in the same component, it blocks first ✅ Put async work in a child, then wrap that child with Suspense one level up 🎁 Download a FREE Cheatsheet here dub.sh/nextjs-mist...

Every Server Action in Next.js is a public API endpoint That means anyone can find the URL in DevTools and call it directly. Treat them like API routes and secure them by: → Authentication → Input validation → Authorization 🎁 Want more? Download the FREE Cheatsheet dub.sh/nextjs-mist...

Is your Next.js app feeling sluggish or taking forever to load? Try the experimental Bundle Analyzer, an X-ray for your app Get an interactive Treemap of your JS bundles → Find the culprits 🎁 Free lessons: dub.sh/how-does-ne...

Stop wrapping your entire Next.js page in "use client" Just because ONE component in the page needs interactivity You'll turn the entire page into client components Solution: ✔️ Extract only the interactive piece into its own client 🎁 Want more? Download the FREE Cheatsheet dub.sh/nextjs-mist...

Your AI agent keeps making the same React mistakes over and over You need to use Skills Skills are the NPM for AI Agents You install best practices like you would a npm package → One command and your agent follows 10+ years of patterns instead of guessing 🍿 Full breakdown: dub.sh/npm-for-ai-...

This ONE concept is killing your app's performance Every component is a Server Component by default in Next.js You're shipping Client side JS when you don't need to 🎁 Here's a FREE lesson covering, ✔️ Server Components basics ✔️ Their purpose ✔️ When to opt out → dub.sh/server-comp...

Running multiple AI agents on the same project? The moment one switches branch, the other breaks Thats because Git only allows one branch checkout at a time The fix? → 𝗚𝗶𝘁 𝗪𝗼𝗿𝗸𝘁𝗿𝗲𝗲𝘀 ⚡ Each agent gets its own folder, its own branch, same repo 🍿 Full breakdown: dub.sh/git-worktree

🚀 @kulkarniankita.com is speaking at #ReactParis 2026 Discover the #toolkit and #architecture for creating #AI Minions; autonomous #agents that fetch data, trigger workflows, and scale like real teammates in #nextjs apps... Learn more 👉🏼 React.Paris #conference #speaker #reactjs

How I realized the workplace is toxic youtu.be/_-Tj3bPSYCI...

I've had an execeptionally tough year. I have no income or health insurance, and could really use your help finding my next paid project. 💜 semanticfish.com/2025-year-in... Open to front-end, full-stack, design system, & accessibility projects. 10+ years experience. Many more details in post!

Writing my last newsletter of the year!

@kevinpowell.co is only 4K subs away from 1M subs, let’s support him. If you don’t subscribe, please do as he is the best and I learned a lot of CSS tricks and tips over the years! Subscribe here 👇 youtube.com/@kevinpowell

@kevinpowell.co is only 4K subs away from 1M subs, let’s support him. If you don’t subscribe, please do as he is the best and I learned a lot of CSS tricks and tips over the years! Subscribe here 👇 youtube.com/@kevinpowell

a mistake I see constantly: leaders go quiet when something went wrong in the absence of the real story, people will try to piece the story together from incomplete information a story always gets told. rumors are usually worse than the truth. be vulnerable: own it so you have a chance to recover

plenty of fixes deployed to rscexplorer.dev, but mostly i just feel a lot better about the code itself

I don't think we'll struggle with having too many ideas that we can't implement anymore Instead, we'll struggle with building too many things and can’t focus on one thing

Why can't I change port in Tanstack Start with Vite just by "vite dev --port 6000" and no port 6000 is not taken 😭

Researchers have found two new vulnerabilities in React Server Components while attempting to exploit the patches last week. These are new issues, separate from the critical CVE last week. The patch for React2Shell remains effective for the Remote Code Execution exploit.

@clerk.com Billing is all I need for my SaaS They offer pricing tables, waitlists, user management all in one. Why do I need 10 different providers? And before you comment, you don’t own your users. Stop as they offer a download option to get all your data Really impressed 👏

So excited about the video I’m dropping next week! Finally settled in my new apartment and man, it feels so good to get back in the routine!

maybe not the best moment for it but i finally condensed my “why react server components” into a short blurb that does well on HN

There is critical vulnerability in React Server Components disclosed as CVE-2025-55182 that impacts React 19 and frameworks that use it. A fix has been published in React versions 19.0.1, 19.1.2, and 19.2.1. We recommend upgrading immediately. react.dev/blog/2025/12...

pre Turbopack, we had "webpack_internals" in browser dev tools, does anyone know how I can see what files gets shipped to the browser now? it was easier to see "mark something use client and it gets included in the bundle" but don't see that anymore

The Full Conference Speaker Lineup ➕ Agenda are Live! 🔥 The ultimate #ReactParis 2026 squad is here; ready to blow your mind with cutting-edge #talks, deep dives, and game-changing insights. ℹ️ All you need to know about this 2026 edition #programme 🧾 in the first comment 👇🏽

Next.js has 2 Directives Everyone Mixes up 'use server': Marks a function to run on the server as a Server Action, but doesn't prevent importing in client components, leading to runtime failures 👉 'server-only': Prevents importing server code on the client, throwing an error to catch issues early

Great deals from @piccalil.li at the moment. Just bought Mindful Design, can't wait to watch it. piccalil.li/black-friday/

🍿 You might be leaking secrets in Next.js. Environment vars starting with NEXT_PUBLIC_ go straight to the browser yes, even API keys 😅 The fix? Use Server → Client Parent–Child pattern, do sensitive work on the server and pass only data down Read the full issue → dub.sh/avoid-leaking-secrets

spent the last day fighting a gnarly issue (bug?) in how Next 16 Cache Components interact with atproto OAuth flow (cc @matthieu.bsky.team). might be a Next bug or not, anyway i filed github.com/vercel/next....

Here’s another great list of Black Friday deals, from @bell.bz at @piccalil.li: piccalil.li/links/black-...

Looking for Black Friday deals? @piccalil.li has a nice roundup of dev-related ones that are currently running. piccalil.li/links/black-...

My average step count now in Italy for the past 2 months is ~12k steps, it was 5-6k in Toronto! Walking has helped me clear my mind a lot and can’t believe how easy it is to just walk No gym membership needed

Black Friday deals from indie tech educators are live on Diversify Tech! Featuring @kulkarniankita.com, @marcysutton.com, @b0rk.jvns.ca, @joshwcomeau.com and more folks Also: Techsgiving Summit 50% off today See the full list here blog.diversifytech.com/black-friday-deals-for-tech-professionals

🎈 I shared my 10 favourite BF deals in my newsletter today. So much good stuff on sale this year! Featuring @b0rk.jvns.ca, @sarasoueidan.com, @kevinpowell.co, @scott.is, @wil.to, @bradfrost.com, @kulkarniankita.com, @citizenofnowhe.re, @kentcdodds.com, @nan.fyi, and @thecodercoder.bsky.social.

Just a reminder, there is a Black Friday deal for all my products Use the coupon BLACKFRIDAY: ✸ Modern Full Stack Next.js Course: 40% off (includes Next.js 16) ✸ Developer to Leader: 40% off Use the coupon BLACKFRIDAY50: ✸ Level up bundle: 50% off Valid until December 2nd

log in with your internet handle