Frontend Weekly Digest #383 (1–6 October 2024)

Web-development

• How to Improve Your Front-End Development Workflow with the ZenUI Library
• World Wide Web Foundation closes so Tim Berners-Lee can spend more time with his protocol
• Web Components Are Not the Future
• Web Components are not Framework Components — and That’s Okay
• What’s the Difference Between HTML’s Dialog Element and Popovers?
• The Pros and Cons of Web Components, Via Lit and Shoelace
• Practical Accessibility Tips You Can Apply Today
• Case Study: Federico Pian Portfolio — 2024

• Tools
  • ESLint now officially supports linting of JSON and Markdown
  • ESLint is Now Language-Agnostic: Linting JSON, Markdown, and Beyond
  • 6 AI tools for API testing and development
  • ViteConf 2024 | 43 talks about the Vite ecosystem
  • Vite Creator Launches Company To Build JavaScript Toolchain

CSS

• Create a semantic breakout button to make an entire element clickable
• CSS Masonry & CSS Grid
• CSS Anchor Positioning Guide
• How to use the CSS backdrop-filter property
• I wasted a day on CSS selector performance to make a website load 2ms faster
• Benchmarking the performance of CSS @property

JavaScript

• Unleash JavaScript’s Potential with Functional Programming
• Memory Management in JavaScript with WeakRef and FinalizationRegistry
• Patterns for efficient DOM manipulation with vanilla JavaScript
• Implementing a signature pad with JavaScript

• React
  • Types of React Components [2024]
  • Intro to CSS animations for React developers
  • New React 19 Features You Should Know — Explained with Code Examples
• Vue
  • Integrating AI features in Vue using Chrome’s `window.ai` API
• Angular
  • Using CSS classes inside `innerHTML` in an Angular component without losing emulated encapsulation
  • Angular’s effect(): Use Cases & Enforced Asynchrony
  • How I Improved My Angular 17+ Skills Through 100 Days of Code