Web Development Tutorials

29 tutorials in this category

Oct 5, 202616 min

intermediate

Does AbortController Cancel Server Work? I Tested Node and PostgreSQL

abort() cancels the fetch in the client, but does not automatically cancel work on your server. I tested Node 22 and 24, Express, Hono and PostgreSQL.

#AbortController#Node.js#AbortSignal

Sep 21, 202618 minIntermediate

React 19 Suspense Explained: What Actually Happens When a Component Suspends

Part 6 of React 19 Deep Dive: understand Suspense boundaries, nested loading states, streaming SSR, use(), and transitions through practical experiments.

#React 19#Suspense#React Hooks

Sep 9, 202617 minintermediate

generateStaticParams Doesn't Make Your Route Static. Neither Does Fixing Only the Page

I tested what happens with generateStaticParams, nested Suspense boundaries, and shared layouts under Cache Components. I built a four-route test project and ran all of it. One case took three attempts to get right.

FEATURED

Aug 30, 202614 minIntermediate

React 19 useTransition Explained: Race Conditions, Async UI & Pending State

Part 5 of React 19 Deep Dive: learn useTransition, async UI, pending state, error handling, and how to prevent stale results from out-of-order requests.

#React 19#useTransition#React Hooks

FEATURED

Aug 20, 202614 minintermediate

Every Way I Could Break Next.js Cache Components (and the Real Fix for Each One)

I deliberately broke Next.js Cache Components on a real 16.3 project. Six triggers, three fixes, and what each choice actually changes in your build output.

Aug 8, 202613 minIntermediate

React 19 Actions Explained: How the 4 APIs Fit Together

Part 4 of React 19 Deep Dive: what Actions are, form action vs onSubmit, sync vs async Actions, and how useActionState, useOptimistic, useFormStatus, and useTransition connect.

#React 19#Actions#useTransition

Aug 4, 202612 minIntermediate

React 19 useFormStatus Explained: Read Form Status From Any Child Component Without Prop Drilling

Part 3 of React 19 Deep Dive: learn useFormStatus through practical examples, the pending-always-false bug, and how it differs from useActionState's isPending

#React 19#useFormStatus#React Hooks

Jul 27, 202613 minIntermediate

React 19 useOptimistic Explained: Instant UI Updates with Real Examples & Common Mistakes

Part 2 of React 19 Deep Dive: learn useOptimistic through practical examples, optimistic updates that snap back, and when to use a reducer instead of an updater function.

#React 19#useOptimistic#React Hooks

FEATURED

Jul 20, 202613 minIntermediate

React 19 useActionState Explained: Build Better Forms with Real Examples & Common Mistakes

Part 1 of React 19 Deep Dive: learn useActionState through practical examples, production pitfalls, real-world patterns, and when to use it or avoid it.

#React 19#useActionState#React Hooks