Patterns.dev
Shares rank 4 of 24 online tutorials by recommenders
Free online guide to common frontend patterns, praised for clear, well-laid-out tutorials. Critics find the examples weak and the content shallow, with little high-level architecture.
Free online guide to common frontend patterns, praised for clear, well-laid-out tutorials. Critics find the examples weak and the content shallow, with little high-level architecture.
19 people gave an opinion
- recommend it
- 12
- criticize it
- 7
- approval share
- 63%
Recommended in 1 of 13 months
- November 2025: not recommended
- December 2025: recommended
- January 2026: not recommended
- February 2026: not recommended
- March 2026: not recommended
- April 2026: not recommended
- May 2026: not recommended
- June 2026: not recommended
- July 2026: not recommended
- August 2026: not recommended
- September 2026: not recommended
- October 2026: not recommended
- November 2026: not recommended (month in progress)
Why it doesn’t carry the badge
- 12 people recommend itNeeds 10 or more, met.
- 1.7 recommenders for every criticNeeds 2 to 1 or better, not met.
- Recommended in 1 of 13 monthsNeeds 4 or more, not met.
The same three rules apply to every product, and the badge can’t be bought. How the badge works
What people say about it
The reasons people give, with the number of comments that give each one. Open a reason to read what they said.
Why people recommend it
Each mark is one comment
Clear explanations of common frontend patterns
“This is a nicely laid out collection of tutorials, but I'm sad that collections like this have drifted away”
Comment from 11 Dec 2025 in “Patterns.dev” “Still one of the clearest ways to understand common frontend patterns.”
Comment from 11 Dec 2025 in “Patterns.dev” Looks great and worth bookmarking
“Looks great. Wish it had a table of contents.”
Comment from 11 Dec 2025 in “Patterns.dev” “Looks great, time to add it to my bookmarks.”
Comment from 11 Dec 2025 in “Patterns.dev”
What people warn about
Each mark is one comment
Examples weak, messy, or not TypeScript
“Too bad the examples are not Typescript, because it's a totally different beast.”
Comment from 11 Dec 2025 in “Patterns.dev” “scrolled down, saw the first example was singletons, and closed the tab”
Comment from 11 Dec 2025 in “Patterns.dev” “I don't think this is a great example.”
Comment from 11 Dec 2025 in “Patterns.dev” - Comment from 11 Dec 2025 in “Patterns.dev”
Lacks depth and high-level architecture
“I was hoping for more high-level architecture based on war stories and experience.”
Comment from 11 Dec 2025 in “Patterns.dev” “its low quality, breadth but no depth”
Comment from 11 Dec 2025 in “Patterns.dev” Content misleading, ungrounded, or generic
“Looks more or less like GoF? Maybe compressing files and optimizing 3rd party js files are not patterns.”
Comment from 11 Dec 2025 in “Patterns.dev” “a lot of these are misleading, or ungrounded”
Comment from 11 Dec 2025 in “Patterns.dev”
Other online tutorials people recommend
The four most recommended other online tutorials, with the same counts for each, so you can compare like for like. The tick on each bar marks the 2 to 1 line the badge needs.
| Product | Recommend | Criticize | Approval | Months | Owned | Badge |
|---|---|---|---|---|---|---|
| CSS-Tricks | 23 | 3 | 88% | 4 | — | Approved |
| Beej's Guide to Network Programmingby Brian "beej Jorgensen" Hall | 16 | 1 | 94% | 7 | 23 yrs3 owners | Approved |
| Learn OpenGL | 15 | 3 | 83% | 3 | — | — |
| Patterns.devThis page | 12 | 7 | 63% | 1 | — | — |
| Let's Build a Compilerby Jack Crenshaw | 12 | 1 | 92% | 5 | — | Approved |
What people said
17 of the 21 comments that mention it, newest first. Each links to the original comment.
“I'm reading these articles in Addy's voice. It's quite wonderful”
“a universal source of truth has too much bible flavor to me”
“I was hoping for more high-level architecture based on war stories and experience.”
“Too bad the examples are not Typescript, because it's a totally different beast.”
“its low quality, breadth but no depth”
“a lot of these are misleading, or ungrounded”
“scrolled down, saw the first example was singletons, and closed the tab”
“Good to know I wasn’t the only one thinking “wait a second…” when reading that one”
“Looks more or less like GoF? Maybe compressing files and optimizing 3rd party js files are not patterns.”
“excellent resource for interview preparation”
“Looks great. Wish it had a table of contents.”
“This is a nicely laid out collection of tutorials, but I'm sad that collections like this have drifted away”
“Still one of the clearest ways to understand common frontend patterns.”
“The whole example is a mess.”
“Everything else is either neutral, UI-only, or fights POSD”
“Looks great, time to add it to my bookmarks.”
“I don't think this is a great example.”
Counts come from 1,795,640 Hacker News comments, November 2025 to November 2026. How we count. Report a mistake.