Frontend Weekly Digest #373 (22–28 July 2024)

Web-development

• The Death of Lorem Ipsum
• DRY — the common source of bad abstractions
• How to choose the best rendering strategy for your app
• Decoupling monoliths into microservices with feature flags
• How we use DDEV, Vite and Tailwind with Craft CMS
• An update on invokers: Invoker commands in HTML
• Pop(over) the Balloons
• Popover API 101
• On Ne Change Pas: The Creative Work Process Behind a Stunning UI Animation

CSS

• CSS font-size-adjust is now in Baseline
• So you think you know box shadows?
• How to Get the Width/Height of Any Element in Only CSS
• Clip Pathing Color Changes
• How to use container queries now
• Animating dialog and popover elements with CSS @starting-style

JavaScript

• Summary of the June 2024 TC39 plenary in Helsinki
• TypeScript 5.6 Is a Game-Changer
• The Perils of Premature Optimization in JavaScript: Why Rushing to Optimise Can Hurt Your Code
• What’s New for JavaScript Developers in ECMAScript 2024
• RxJS adoption guide: Overview, examples, and alternatives
• Exploring essential DOM methods for frontend development
• Meteor.js 3 is officially here!
• How To Master JavaScript Performance Optimization

• React
  • How to Use React’s Context API — Tutorial with Examples
  • How Airbnb Smoothly Upgrades React
  • React Owner Components
  • 5 useState Mistakes You Should Avoid in React
• Vue
  • Make Your Components Easier to Think About
  • Volar 2.0 “Link”
  • Angular VS VueJS
• Angular
  • Angular 18 — Zoneless & Change Detection
  • The Future of Material Support in Angular
  • Mastering Cross-Tab Communication in Angular with BroadcastChannel API