How React streams UI out of order and still manages to keep order
Instead of waiting for every component to be ready, React streams what it can and leaves markers for the rest. When slow components finish, they arrive as hidden divs and get swapped into place by small scripts. This post walks through the full mechanism step by step
Ship 26 tickets just dropped
Vercel's Ship conference is heading to London, Berlin, New York, Sydney, and San Francisco. Talks and workshops focused on shipping AI agents and apps to production
⚡️ Sponsor: Blazity
Next.js migration toolkit that eliminates guesswork and protects production and stability
Most Next.js migrations from Pages Router to App Router follow the same pattern: a developer reads the docs, starts converting files, breaks something in production, then spends weeks firefighting.
The real problem with migrations are the edge cases nobody warns you about, and the lack of systematic approach. We’ve done enough migrations to confidently say - we’ve been there and done that.
So we built Skills.md — an agent-oriented migration toolkit that gives AI coding agents (and developers) a structured, production-safe path from Pages Router to App Router.
Instead of guesswork and broken deploys you get a repeatable process built from real migration experience.
It's open source and built for Skills.sh.
📙 Articles / Tutorials / News
A Guide to React Compiler Rendering
Slides from Mark Erikson's React Miami 2026 talk covering how React rendering works and how the React Compiler automatically optimizes it
React Client and Server State
This guide shows how to split your state into two buckets: server state (API data) handled by TanStack Query, and client state (UI flags, themes) handled by Zustand or plain React hooks
Hacking in request body during render in Next.js
Robert Webb explored the Next.js codebase to answer the question of why you can't read the request body during render like you can with headers. He managed to hack it in by modifying how NodeNextRequest and workUnitStore work, and accidentally found a bug with cacheComponents and POST requests along the way
𝕏 Light and dark mode favicon in Next.js
A handy code snippet showing how to serve different favicons depending on whether a user is in light or dark mode
📦 Projects / Packages / Tools
d3k (dev3000)
A CLI tool that records your entire dev session: server logs, browser console messages, network requests, screenshots, and user interactions into a unified, timestamped feed that AI assistants can read and reason about
TSRX
A language extension that picks up where JSX left off. Control flow, scoped styles, and local variables sit right inside your templates
Preventing Flash Before Hydration
A demo repo showing how to avoid the flash of content that happens before React hydration kicks in. It covers patterns like using inline scripts for date formatting without hydration errors, persisting accordion state with localStorage, and a handy InlineScript helper that sidesteps React's script warning
Replay
Upload a conversation from Claude Code or Codex and get a clean, shareable link. Your session becomes a readable thread with inline diffs and tool calls
⚡️ Sponsor: Bluebag
Add Skills to your AI-SDK Agent in minutes
Execute Skills in runtime VMs without building infrastructure. Run complex scripts, read Skills on-demand, install dependencies, mint download links, and build predictable, specialised agents in minutes.
🌈 Related
The React Compiler at Eighteen Months: The Arc, the Debates, and What's Next
A retrospective on the React Compiler's journey since React 19. It handles memoization so you don't have to, but the migration story for existing apps is still messy. The piece also looks ahead at compiler-aware Server Components, useEvent, and better dev tooling
Scroll-Driven Animations
The CSS animation-timeline API maps keyframe animations to scroll progress, and this beginner-friendly guide covers everything from basic setup to advanced linked timelines
3 ways to store variables in React, and why you shouldn't sleep on useRef
Most devs know useRef for DOM access, but it's also great for storing data that should survive re-renders without touching the UI. This post walks through all three ways to store variables in React: plain variables, state, and refs with clear examples showing how each behaves
Backend for Frontend (BFF): What It Is and When to Use It
Instead of one generic API for all clients, a BFF gives each frontend its own small backend that fetches, combines, and shapes data from multiple services. This guide covers when it's worth it, when it's not, and common mistakes to avoid
Top comments (0)