Improve how you architect webapps

Patterns.dev is free book on design patterns and component patterns for building powerful web apps with vanilla JavaScript and React.

A group of developers sitting around a table programming. Addy Osmani and Lydia Hallie are teaching them.

How Patterns.dev works

We publish patterns, tips and tricks for improving how you architect apps for free. Keep in mind, design patterns are descriptive, not prescriptive. They can guide you when facing a problem other developers have encountered many times before, but are not a blunt tool for jamming into every scenario. Patterns.dev aims to be a catalog of patterns (for increasing awareness) rather than a checklist (what you must do).

Practical examples on CodeSandbox

Codesandbox

Learn Visually with our animations

Flow chart

We offer a modern perspective on patterns

A common critique of design patterns is that they needlessly add complexity.

Our perspective is that patterns are valuable for solving specific problems, often helping to communicate comminalities in code problems for humans. If a project doesn't have those problems, there isn't a need to apply them. Patterns can also be very language or framework-specific (e.g. React), which can often mean thinking beyond the scope of just the original GoF design patterns.

We help you scale your webapps for performance

Learn about web performance patterns for loading your code more efficiently. Unsure how to think about modern approaches to loading or rendering user-experiences? We've got you covered.

Lydia holding up a phone with a skeleton screen being rendered. Beside the phone is a lightning bolt.

Explore patterns

Hero

Short success stories from patterns in production

Ready to get started?

Patterns.dev is free and you can get started right away.