Frontend Lab
·1 min
A teaching lab for programmers who already know how to code but want a principled mental model of the modern frontend stack.
The same small notes application is rebuilt eight times, with each technology introduced only after the limitation it solves becomes concrete: HTML → DOM scripting → HTTP/fetch → Vite + TypeScript → React → Next.js + Postgres → React Native → authenticated web/mobile clients with a shared typed API.
The point is not framework memorization. It is understanding why the stack acquired each layer, what abstraction that layer buys, and what new trade-off it introduces.