Frontend Weekly Digest #365 (27 May–2 Jun 2024)

Web-development

• Here’s What We Learned From the First State of HTML Survey
• “Web components” considered harmful
• Hover Motion Intro Animation

• Tools
  • Stop resizing your browser: improve testing for responsiveness
  • Introducing the ESLint Configuration Migrator
  • From ESLint and Prettier to Biome
  • WinterJS vs. Bun: Comparing JavaScript runtimes
  • Biome adoption guide: Overview, examples, and alternatives
• Performance
  • An even faster Microsoft Edge: UI is now 42% faster after migration from React to WebUI 2.0
  • From React to HTML-First: Microsoft Edge Debuts ‘WebUI 2.0’
• Accessibility
  • Dark mode & accessibility myth
  • A Software Developer’s Perspective on the European Accessibility Act
  • Building web accessibility momentum in APAC
  • Can LLMs spot accessibility issues?

CSS

• The Gap: An exploration of the pain points that CSS gap solves.
• How to Make a CSS Timer
• Old Dogs, new CSS Tricks
• What are signals in Tailwind how do they work and used cases
• New magic for animations in CSS
• CSS Anchor Positioning in Practice — Winging It Live
• Progressively Enhanced Popover Toggletips
• RFC: Initial CSS Level Categorization

JavaScript

• Data Fetching Patterns in Single-Page Applications
• ECMAScript 2024 feature: Promise.withResolvers()
• Why We Need a Standard JavaScript ORM for SQL Databases
• Why HTML Actions Are Suddenly a JavaScript Trend
• A guide to JavaScript parser generators
• ECMAScript 2023 feature: symbols as WeakMap keys

• React
  • Todo app with no client-side JavaScript using @lazarv/react-server
  • React 19 — New Hooks Explained with Examples
  • Next.js 15 RC
  • Automatic Query Invalidation after Mutations
  • Sneaky React Memory Leaks II: Closures Vs. React Query
• Vue
  • Vue.js 101: Mastering Computed Properties and Watchers for Reactive Data
  • The Ultimate Guide to Vue 3 Composition API: Tips and Best Practices
• Angular
  • What’s new in Angular 18
  • State Management in React vs. Angular
  • Exploring Angular’s New @let Syntax: Enhancing Template Variable Declarations