diff --git a/architecture/design-patterns.md b/architecture/design-patterns.md
index f556b354..637024f5 100644
--- a/architecture/design-patterns.md
+++ b/architecture/design-patterns.md
@@ -56,6 +56,7 @@ Best practices that the programmer can use to solve common problems when designi
     + **[Patterns For Large-Scale JavaScript Application Architecture](https://addyosmani.com/largescalejavascript/)**: An extensive overview by Addy Osmani of existing architectural solutions in the frontend development field.
     + **[Scalable JavaScript Application Architecture](https://www.youtube.com/watch?v=vXjVFPosQHw)**: In this video (2011) Nicholas Zakas discusses frontend architecture for complex, modular web applications with significant JavaScript elements.
     + **[Single Page Apps in Depth](http://singlepageappbook.com/)**: This free book is what I wanted when I started working with single page apps. It's not an API reference on a particular framework, rather, the focus is on discussing patterns, implementation choices and decent practices.
+    + **[Patterns.dev](https://www.patterns.dev/)**: This is a free online resource on design, rendering, and performance patterns for building powerful web apps with vanilla JavaScript or modern frameworks by Lydia Hallie and Addy Osmani.
 + **JavaScript Modules**: Modules divide programs into clusters of code that, by some criterion, belong together.
     + **[Chapter 10 of Eloquent JavaScript: Modules](http://eloquentjavascript.net/10_modules.html)**: This chapter explores some of the benefits that division of code provides and shows techniques for building modules in JavaScript.
     + **[ES6 In Depth: Modules](https://hacks.mozilla.org/2015/08/es6-in-depth-modules/)**: This article highlights export and import keywords from ES6.
@@ -164,4 +165,4 @@ Best practices that the programmer can use to solve common problems when designi
 
 <a rel="license" href="http://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
 
-Please provide a link back to this repository. This is not necessary for GitHub forks.
\ No newline at end of file
+Please provide a link back to this repository. This is not necessary for GitHub forks.