Frontend Weekly Digest #371 (8–14 July 2024)

Web-development

• Interop 2024 mid-year update
• Supply chain security in NPM — we can be optimistic about the future
• The top headless ecommerce solutions for frontend dev
• 15 page speed optimizations that sites ignore (at their own risk)
• Don’t Use Web.dev for Accessibility Info
• Developing cross-platform apps with Bun v1.1
• Creating an Animated Displaced Sphere with a Custom Three.js Material

CSS

• The Magic of Clip Path
• Single img sliced images (hover!)
• Style Queries are Almost Like Mixins (But Mixins Would Be Better)
• Feature detect CSS @starting-style support
• “If” CSS Gets Inline Conditionals
• Batman-Comic.CSS
• How Keyboard Navigation Works in a CSS Game
• @property: Next-gen CSS variables now with universal browser support
• Misconceptions about view transitions
• Zoom, zoom, and zoom: The three types of browser (and CSS!) magnification

JavaScript

• Uploading Large Videos with Node.js: A Comprehensive Guide
• Create npm package with CommonJS and ESM support in TypeScript
• A blazing-fast algorithm to transform one DOM tree into another
• es-toolkit — A modern JavaScript utility library that’s 2–3 times faster and up to 97% smaller — a major upgrade to lodash.

• React
  • Learning React: 5 Important Principles About Hooks You Have To Know
  • What is the tRPC Library? Explained with a Demo Project
  • Sneaky React Memory Leaks: How the React compiler won’t save you
• Vue
  • How to Create Supabase Database Migration Files in Vue.js
  • How to Write a Vue Composable Step-by-Step
  • How to Build a Vue E-commerce App Using MSW
• Angular
  • Introducing @let in Angular
  • Working with the Angular tree: Flat vs. nested trees and more
• Svelte
  • Exploring the magic of runes in Svelte 5