Frontend Weekly Digest #379 (2–8 September 2024)

Web-development

• HTML Whitespace is Broken
• The Web Chaos Graph
• The web’s clipboard, and how it stores data of different types
• The secret inside One Million Checkboxes

• Tools
  • A bundler story: migrating from Webpack to Rspack
  • New Web Development Tool Pulls Design Tokens From Figma
  • OpenAI is shockingly good at unminifying code
  • Deno adoption guide: Overview, examples, and alternatives
• Performance
  • The Ultimate Guide to Font Performance Optimization
  • The Dev Tools Performance Monitor Panel
  • How to provide better attribution for your RUM metrics
  • An SSR Performance Showdown

CSS

• Sticky Headers And Full-Height Elements: A Tricky Combination
• CSS display contents
• How to center elements on the last row in CSS Grid?
• The Two Lines of CSS That Tanked Performance (120fps to 40fps)
• Backgrounds for the Box Model (and why it can be useful)
• Another Stab at Truncated Text
• CSS @property and the New Style
• Bad CSS-Dad Jokes

JavaScript

• Total TypeScriptEssentials: Free Book
• A Complete Guide to Beginning with TypeScript
• How I Created a 3.78MB Docker Image for a JavaScript Service
• Creating toast notifications using Solid Toast
• Types vs. interfaces in TypeScript
• Mastering promise cancellation in JavaScript

• React
  • What’s new in React 19
  • Submitting form data to a Google Sheet from a React App
  • Formik adoption guide: Overview, examples, and alternatives
  • Building Telegram Mini Apps with React
• Vue
  • Announcing Vue 3.5
  • Vue 3.5’s onWatcherCleanup: Mastering Side Effect Management in Vue Applications
  • Build Vue apps with GOV.UK Design System components
  • How to adapt an autocomplete/select field to work with server-side filtering and pagination
  • Dynamic Layouts with Vue jsx: A Guide to Flexible and Maintainable UIs
• Angular
  • Angular v19: The future is standalone!
  • Angular @let declarations: Smart Template Subscriptions