Designing Loading UI in React

A practical guide to loading UI in React: Suspense boundaries, skeletons vs spinners, avoiding layout shift, and animating reveals.

Cache Components in Next.js

Cache Components is the Next.js 16 caching model behind Instant Navigations. Learn use cache, cacheLife, and cacheTag, and why data is dynamic by default.

Error Handling in Next.js with catchError

Learn why react-error-boundary falls short in the Next.js App Router and how catchError from Next.js 16.2 fixes both framework error propagation and server data refetching with a single function call.

State Management in React: useReducer, Context, and External Stores

Learn when to move beyond useState in React. This guide covers useReducer, the split-context pattern, external stores like Zustand, server state with TanStack Query, and useSyncExternalStore.

Writing Custom Hooks in React: Patterns, Pitfalls, and When to Reach for One

A practical guide to writing custom React Hooks: the patterns they replaced, the rules they must follow, when to extract one, and libraries that cover the rest.

Security in React Applications

Learn how to secure React apps: prevent XSS with DOMPurify, store tokens safely in HttpOnly cookies, validate server inputs with Zod, and configure Content Security Policy.

Accessibility in React: Common Mistakes and How to Fix Them

A look at the most common accessibility mistakes in React applications: missing semantics, broken focus management, unlabeled elements, and silent dynamic updates. Covers what to fix, when to use component libraries, and how to audit your app.

TanStack Start and Router: What You Need to Know

An overview of TanStack Start and TanStack Router — type-safe routing, validated search params, server functions, middleware, SSR, and how to get started.

AI Coding in React: What You Still Need to Know

AI tools like Cursor and Copilot make React development faster, but your React knowledge determines how good the output is. Here's what you need to know.