> Markdown version of [/videos/695-10-must-know-design-patterns-for-js-devs?t=1424](https://www.wearedevelopers.com/videos/695-10-must-know-design-patterns-for-js-devs?t=1424). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# 10 must-know design patterns for JS Devs

Are you using TypeScript like a Ferrari to deliver pizza? Master these ten essential Vanilla JavaScript design patterns to transform messy scripts into highly scalable applications.

- **Speakers:** Erick Wendel
- **Event:** World Congress 2023
- **Published:** September 27, 2023
- **Duration:** 28:13
- **URL:** https://www.wearedevelopers.com/videos/695-10-must-know-design-patterns-for-js-devs
- **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/ffb85efde7bd4348753ab72497998d71/thumbnails/thumbnail.jpg?time=30000ms

## Access

Playback and chapters for this video are available with a Free account.

## Related Moments

- [Introduction to front-end architecture design patterns](https://www.wearedevelopers.com/videos/2066-frontend-abstractions-frameworks-and-applications-architectural-patterns) (from "Frontend Abstractions: Frameworks and Applications Architectural Patterns")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/a9f76139387694674b26497e7b204757/thumbnails/thumbnail.jpg?time=84380ms
- [Expected features and performance defaults in modern JavaScript frameworks](https://www.wearedevelopers.com/videos/118-how-to-stop-choosing-javascript-frameworks-and-start-living) (from "How to Stop Choosing JavaScript Frameworks and Start Living")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/75ff1218ab21b7a374c9e62e1e1b171d/thumbnails/thumbnail.jpg?time=19265ms
- [Evaluating the operational trade-offs of modern javascript frameworks](https://www.wearedevelopers.com/videos/1347-wearedevelopers-live-rendering-in-the-browser-the-state-of-css-and-accessibility-and-more) (from "WeAreDevelopers LIVE - Rendering in the Browser, The State of CSS and Accessibility and more")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/68637d78ca07a97315c242c9b2eec826/thumbnails/thumbnail.jpg?time=312055ms
- [Identifying scenarios where JavaScript remains an essential tool](https://www.wearedevelopers.com/videos/1806-nolojs-avoiding-javascript-cruft-with-html-and-css-aaron-t-grogg) (from "NoLoJS - Avoiding JavaScript Cruft with HTML and CSS - Aaron T. Grogg")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/1da0794a95ef61b3cf6d9d4272d7f635/thumbnails/thumbnail.jpg?time=423485ms
- [Addressing the complaints about JavaScript as a programming language](https://www.wearedevelopers.com/videos/118-how-to-stop-choosing-javascript-frameworks-and-start-living) (from "How to Stop Choosing JavaScript Frameworks and Start Living")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/75ff1218ab21b7a374c9e62e1e1b171d/thumbnails/thumbnail.jpg?time=19265ms
- [Answering audience questions on JavaScript performance strategies](https://www.wearedevelopers.com/videos/729-things-i-learned-while-writing-high-performance-javascript-applications) (from "Things I learned while writing high-performance JavaScript applications")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/16405b4650fd2158c91b2b278aad3b3d/thumbnails/thumbnail.jpg?time=30000ms

## Related Articles

- [Dev Digest 136 - No JS(on) of mine](https://www.wearedevelopers.com/magazine/482-dev-digest-136-no-js-on-of-mine)
- [Web Development Best Practices: What The Data Tells us](https://www.wearedevelopers.com/magazine/84-web-development-best-practices-what-the-data-tells-us)
- [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front)
- [Dev Digest 124 - None like it hot](https://www.wearedevelopers.com/magazine/460-dev-digest-124-none-like-it-hot)

## Related Jobs

- [Sr Product Experience Designer](https://www.wearedevelopers.com/jobs/48426-sr-product-experience-designer) at **Dynatrace**
- [Senior Design Engineer](https://www.wearedevelopers.com/jobs/ext/2644934-senior-design-engineer) at **GitHub**
- [Senior Software Engineer](https://www.wearedevelopers.com/jobs/ext/2618818-senior-software-engineer) at **TeamViewer Germany GmbH,**
- [Senior Software Engineer, Fullstack](https://www.wearedevelopers.com/jobs/ext/3781900-senior-software-engineer-fullstack) at **TeamViewer Germany GmbH,**
- [Staff Product Engineer](https://www.wearedevelopers.com/jobs/48546-staff-product-engineer) at **Blacksmith Software**
- [Senior Product Engineer](https://www.wearedevelopers.com/jobs/48544-senior-product-engineer) at **Blacksmith Software**