The Server Action resolves, the toast says "saved," and the UI still shows the old data for a beat. That beat is the gap setQueryData closes without waiting for the full server roundtrip.
Sep 08 2026 · 7′ · Tutorials · Next.js · React
I confused revalidatePath with revalidateTag on a small project and ended up invalidating pages that had nothing to do with the change. Here's the real difference between the two cache granularities in Next.js 16, with a decision checklist.
Sep 04 2026 · 7′ · Tutorials · Next.js · React
Swiper has been the undisputed standard for touch carousels on the web for years. Zero dependencies, official wrappers for React, Vue and Angular, and transitions that feel genuinely native.
Jul 11 2026 · 5′ · Experiments · React · open source
React 19's use() hook promises to replace useEffect for data fetching. That promise is partially true. There are two patterns with Suspense and error boundaries where the behavior isn't what you expect and the cycle gets messier. I'll tell you exactly when to migrate and when not to.
Jun 02 2026 · 7′ · Tutorials · React · TypeScript
export const revalidate = 0 makes a Next.js App Router segment dynamic, forcing it to fetch fresh data on every request instead of serving from the Full Route Cache. Here's what it actually does, how it differs from no-store and force-dynamic, and how to decide which one your data actually needs.
May 25 2026 · 8′ · Tutorials · React · TypeScript
useEffect isn't broken — the mental model we teach with it is. I audited every useEffect in a React 19 codebase and found 4 concrete categories where it was an antipattern. Here are the patterns that replaced them: derived state, event handlers, use(), and Server Actions.
May 20 2026 · 7′ · Tutorials · React · TypeScript
navigator.clipboard.writeText looks trivial until your app silently breaks in production with zero visible error. I found 4 cases the docs never mention: insecure context, lost focus, revoked permissions on iOS, and React timing. Here are the real patterns with copyable code.
May 08 2026 · 8′ · Tutorials · React · TypeScript
I scored 98/100 on Lighthouse and axe on juanchi.dev. Then I asked someone who actually uses a screen reader to try it. What happened next embarrassed me. A perfect score and a real experience are two completely different things.
Apr 08 2026 · 9′ · Experiments · React · frontend
There's a deeply embedded belief in the dev community about AI in production that's just wrong: that you need an API, a server, and a credit card to add intelligence to your app. I ran it in the browser. No cloud. No billing. And now I can't stop thinking about what this means.
Apr 07 2026 · 8′ · Experiments · React · nextjs
Architecture, real systems, product decisions and technical lessons. Everything reviewed with my own judgment before it ships.
230 articles published