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