Frontend Weekly Digest #374 (29 July — 4 August 2024)

Web-development

• New to the web platform in July
• How the Paris 2024 Summer Olympics has impacted Internet traffic
• HTML Web Components Make Progressive Enhancement and CSS Encapsulation Easier!
• SVG triangle of compromise
• Have It All: External, Styleable, & Scalable SVG
• Using qr-code: a customizable, animate-able HTML element
• Flexible network data preloading in large SPAs
• Node.js Adds Experimental Support for TypeScript
• What’s new in Astro — July 2024
• How the European Accessibility Act (EAA) will impact the way services are provided

CSS

• Zoom effect on hover (single element)
• Line-breakable <ruby> and CSS ruby-align property
• CSS Functions and Mixins Module Notes
• What if you used Container Units for… everything?
• Letter Spacing is Broken and There’s Nothing We Can Do About It… Maybe

JavaScript

• Garbage collection and closures
• Patterns for Memory Efficient DOM Manipulation with Modern Vanilla JavaScript
• Reading from the Clipboard in JavaScript
• How Google handles JavaScript throughout the indexing process
• A different way to think about typescript
• ESLint adoption guide: Overview, examples, and alternatives
• JavaScript design patterns guide
• 7 best product tour JavaScript libraries for frontend apps
• 5 JavaScript Security Best Practices for 2024

• React
  • React Conf 2024 Talks
  • Beyond React: How Astro and Its Server Islands Work
  • Boosting performance: Faire’s transition to NextJS
  • MUI adoption guide: Overview, examples, and alternatives
  • Introducing XState Store
• Vue
  • Vue 3 Auto Routing By File Structure
  • How To Build A Multilingual Website With Nuxt.js
• Angular
  • Common Practices That Kill Performance in Angular Applications
  • Can You Create a Signal From Another Signal? You Bet You Can!
  • 3 Ways to add Dynamic CSS Custom Properties in Angular