patterns.dev

patterns.dev is a free online book by Addy Osmani (Google Chrome team) and Lydia Hallie, systematically covering front-end design patterns, rendering patterns (CSR/SSR/SSG/ISR), and performance patterns. It answers a critical question: which rendering strategy fits this requirement, and why — a textbook for architecture choices.

1. Read it like a book, in chapter order.
2. The rendering chapters are the crown jewels — each strategy's strengths, costs, and ideal fit, laid out with total clarity.
3. Return to it when choosing a framework or optimizing for SEO and first paint.
4. Examples are written in modern JavaScript/React, so the bar to follow along isn't high.

• A systematic book-length treatment of rendering patterns (CSR/SSR/SSG/ISR)
• Performance patterns tied into Core Web Vitals concepts
• Authoritative authors you can trust
• The full text is free to read online