Hey there, web developers! 👋

Welcome to this week's UpWeb newsletter. We're exploring TypeScript design patterns, code commenting best practices, and why some developers are moving away from GraphQL. Plus, 2000+ ways to add design flair to your products and some powerful VSCode extensions.

Let's dive in!

------

## 📰 Articles

[TypeScript Design Patterns](https://refactoring.guru/design-patterns/typescript)
 An illustrated guide to using design patterns to write or refactor TypeScript projects more effectively.

[Do's and Don'ts of Commenting Code](https://www.builder.io/blog/code-comments)
 This article offers subjective insights on code commenting, including why to explain "why" instead of "what," avoiding obvious comments, removing outdated notes, and using TODO and FIXME tags responsibly.

[Interface Segregation Principle in React](https://alexkondov.com/interface-segregation-principle-in-react/)
 Tips for clearer React code—your code shouldn't depend on values or methods it doesn't use.

[Why, after 6 years, I'm over GraphQL](https://bessey.dev/blog/2024/05/24/why-im-over-graphql/)
 This article discusses some of the current issues with GraphQL and explores potential alternatives.

[JavaScript Visualized: Promise Execution](https://www.lydiahallie.com/blog/promise-execution)
 This article explains how Promises work using detailed visual illustrations.

[The web's clipboard, and how it stores data of different types](https://alexharri.com/blog/clipboard)
 This article dives into how web clipboard APIs work, handling various data types like images, rich text, and files, along with some limitations and possible solutions.

## 🛠️ Tools

[spark-joy](https://github.com/sw-yx/spark-joy)
 Over 2,000 ways to add design flair, user delight, and creativity to your product.

[Cool VSCode Extensions that I've discovered](https://dev.to/collegewap/cool-vscode-extensions-that-ive-discovered-3bpn)
 A list of VSCode extensions that help boost React development productivity.

[upptime](https://github.com/upptime/upptime)
 Upptime is an open-source uptime monitoring and status page solution powered entirely by GitHub Actions, Issues, and Pages.

[The Component Gallery](https://component.gallery/)
 A reference for building component-based UIs with a collection of design system examples.

[Modern Font Stacks](https://modernfontstacks.com/)
 An open-source site organizing fonts by modern operating systems. These are the fastest fonts available—no downloads, no layout shifts, no flashes—just instant rendering.

[scalar](https://github.com/scalar/scalar)
 An open-source platform with a modern REST API client, beautiful API documentation, and top-notch OpenAPI/Swagger support.

------

## 📬 Stay Connected

Thank you for reading this week's newsletter! If you found this useful, please share it with your colleagues and friends.

Have suggestions or want to contribute? Reply to this email and let us know what you'd like to see in future issues.

**Interested in sponsorship?** [Connect with 20K+ passionate web developers](https://www.passionfroot.me/upweb) who read UpWeb every week.