how OpenAI built ChatGPT's frontend for a billion users

Hey guys,

Welcome to another edition of Import React by Cosden Solutions!

Big week for the stuff underneath. Someone reverse-engineered the entire ChatGPT web app, and the twist is how ordinary the stack is. React Router shipped a major version whose entire selling point is that nothing breaks. And shadcn quietly changed the default that every new project starts from. Let's get into it.

Across product, ops, and CX teams, a new kind of role is taking shape: the person responsible for making AI actually work, day to day.

On July 16, three people living this shift join a live roundtable: Simone Santiago Broad (Yoco), Yelva Espinoza (Zumba Fitness), and Fin's Dave Lynch. You'll hear what the job really looks like across industries, how they carved out these roles, the skills they'd hire for, and the challenges they're tackling now. Bring your questions, since the best moments happen live.

Register for the roundtable to save your spot.

Save your spot

🔍 Reverse-engineering ChatGPT's frontend
Dennis Brotzky — the guy behind the Linear and Conductor teardowns — spent days inside chatgpt.com's page source, bundle, and network tab to work out how a React app serves a billion people with no login and no spinner. What he found isn't custom OpenAI magic; it's the most mainstream stack you can name, with one sharp decision per layer. There's the single flag the entire boot sequence is organized around, the number of feature gates riding inside every page you load, and a closing comparison of ChatGPT's architecture vs Claude's that reads each company's whole strategy straight out of the network tab. Open it on a laptop with devtools.

🧭 React Router v8 is out, and proudly "boring"
The headline feature is that there isn't one, on purpose. v8 goes ESM-only, raises the baseline to React 19.2 / Vite 7 / Node 22+, and promotes a batch of former future-flags (middleware, pass-through requests, the Vite Environment API, split route modules) to defaults. The team is moving to a yearly major cadence to keep upgrades predictable, and is marking React Router v6 and Remix v2 end-of-life (v7 still gets security patches). RSC support is in and deliberately still unstable. If you're on v7 with your flags adopted, the upgrade is nearly a no-op.

🧱 shadcn/ui now defaults to Base UI, not Radix
Run shadcn init today and Base UI is the default pick, the successor library from the same team that built Radix. The reason is just community behaviour: on shadcn/create, people were already choosing Base UI over Radix 2 to 1. Key point for existing apps: Radix isn't deprecated, and you don't need to migrate — every component still ships for both. If you want to, it's an agent skill rather than a codemod, so it carries over your own customizations component-by-component and leaves a report per file. New project? They recommend Base UI. Want Radix? shadcn init -b radix.

🧩 Reddit: the React patterns devs quietly stopped using at scale
A backend turned frontend dev asks the question everyone has an answer to: what did you used to recommend and now avoid in production? The thread turns into a confessional, Redux as the default home for all shared state, the "everything needs a useEffect" phase, barrel files, RTK-vs-Zustand. The most upvoted replies aren't the hot takes, they're the rules people landed on after getting burned. Go add the one you're guilty of.

⚡ Vite+ hits beta — one CLI for the whole toolchain
VoidZero's vp unifies Vite, Vitest, Rolldown, tsdown, Oxlint and Oxfmt behind one tested workflow: vp dev, vp check, vp test, vp build, plus a monorepo-aware vp run. It's MIT, framework-agnostic, and adopts into an existing project with vp migrate. It's not a Vite replacement; it's the integration layer over it. (Context: VoidZero announced it's joining Cloudflare last month.)

Quick Links

🧑‍🎓 Understanding is the new bottleneck

Geoffrey Litt's AI Engineer talk, written up. The claim: agents now write code faster than you can absorb it, and the reason to understand it isn't to verify the agent (agents are getting good at that themselves) — it's to participate, because a project is many loops and you can't steer the next one without a real mental model of the last. Then he shows the techniques he actually uses to keep up: literate "explainer" diffs, playable micro-worlds, and — the one worth stealing — an auto-generated quiz he won't let himself ship code until he can pass.

🔧 Lilian Weng: Harness Engineering for Self-Improvement
Weng frames the "harness" — everything around the raw model that decides how it plans, calls tools, remembers, and checks itself — as the near-term path to recursive self-improvement, maybe as load-bearing as raw model IQ (though she's clear intelligence stays the core). She lays out the design patterns (workflow loops, the file system as durable memory, sub-agents) with Claude Code and Codex as the worked example, then goes deep on harnesses that optimize themselves. Long (28 min) and dense, but it's the clearest map of agent architecture going right now.

🤖 Grok 4.5 lands, aimed at coding agents
xAI's new model was trained alongside Cursor and pitched at coding and agentic work. Straight read of their own numbers: it's not topping the frontier — on most SWE benchmarks in xAI's charts it trails the leaders — but the pitch is efficiency. Around 80 tokens/sec, and roughly 4.2× fewer output tokens than Opus 4.8 on the same tasks, at $2/$6 per million in/out. So the story is cheap and fast, not smartest-in-the-room. Free in Cursor and Grok Build for now; EU access lands mid-July.

🍷 Drunk Post: Things I've Learned as a Senior Engineer
A preserved r/ExperiencedDevs classic: ten years of lessons typed after a few glasses of wine, billed as the stuff a mentor would say if HR let them. It's ranked, profane, and weirdly wise — the "best code is no code at all" line sits a few paragraphs above a genuinely moving bit about why a late-night talk show host changed the author's life. You'll nod at most of it and want to fight the rest. The perfect close-the-laptop read.

See you next week,

Darius Cosden