React 19 new hooks in Next.js App Router: what actually changed for me
How useFormStatus, useActionState, and use() from React 19 changed the way I build forms and async UI in Next.js App Router. Concrete before/after code.
Tag
React
7 posts
5 min read
How I build a Sanity Studio custom input component with a colour picker
Step-by-step guide to building a Sanity Studio custom input component using definePlugin, useFormValue, and PatchEvent with a real colour-picker example.
How I build Sanity Portable Text custom components in Next.js
Learn how to build Sanity Portable Text custom components in Next.js — code blocks, callouts, embedded forms, and captioned images with full TypeScript types.
Next.js App Router tutorial guide 2026: from Pages Router to production
A practical Next.js App Router tutorial guide for 2026. Covers layouts, route groups, Server Components, data fetching, and the metadata API.
How I Handle Conditional GROQ Projections to Cut Query Payload by 60%
A pattern for projecting only the fields your Next.js components actually render, using GROQ coalesce and select operators to prune unused blocks.
How I Model Sanity References to Avoid N+1 Queries in Next.js RSC
A pattern for structuring Sanity references and GROQ projections that eliminates query waterfalls in server components, cutting fetch latency by 200–400 ms.
INP for React Apps: Profiling and Eliminating Long Tasks
INP is responsiveness. Learn how to find long tasks, profile React re-renders, reduce main-thread work, and ship fast interactions consistently.