Engineering

Frontend for Backenders

A senior backend engineer's guide to modern frontend architecture: component models, reactivity, state management, build tooling, CSS, data contracts, auth, performance, testing, and server components.

13 modules

The Mental Model Shift

Translating backend instincts into frontend architecture

The Component Model

Lifecycle, reactivity, and composition — understood through backend eyes

Reactivity and Rendering

How state changes reach the screen — and why there's more than one way to wire that up

CSS and Layout

From global cascade to constraint-based systems: how modern CSS actually works

State Management

Where your data lives, why it matters, and how to make the right call

Server State and Data Fetching

Why API responses don't belong in Redux, and what the browser's caching layer actually looks like

The Frontend Build Pipeline

Why a compile step exists, what each tool does, and how to stop fighting it

Frontend–Backend Contracts

Designing the API boundary from both sides: protocol choices, BFF patterns, schema-driven workflows, and resilient error handling

Client Auth and Security

The browser is an untrusted client — and you already know what that means

Frontend Performance

Measuring and optimizing browser-side speed with the same rigor you apply to backend systems

Server Components and the Full-Stack Frontier

How the server/client boundary became a design decision, not a given

Frontend Testing Strategies

Why the frontend testing pyramid is inverted, and how to build a suite that actually catches real bugs

Architecture Decision Capstone

Applying the full curriculum to real product decisions

How this plan was made

Each plan on learnings is built by a hand-crafted agentic pipeline: research agents gather primary sources, a claim reviewer verifies facts against them, and a sequencer orders modules for how people actually learn. The curation — topic selection, framing, editorial standards — is Nicolas's. The research and writing is AI-assembled.