Frontend Weekly Digest #355 (18–24 March 2024)

Web-development

• Responding to HTML Changes in a Web Component
• How to Optimize Website Content for Featured Snippets
• Modernizing Your Application: Planning for a Gradual Transition
• Are We Watching The Internet Die?
• The Value of Design Tokens in Modern Web Development
• The Future of Websites in the Age of AI and SEO Decline
• Creating an Interactive 3D Bulge Text Effect with React Three Fiber

• Accessibility
  • On popover accessibility: what the browser does and doesn’t do
  • Accessible Forms with Pseudo Classes

CSS

• Going beyond pixels and (r)ems in CSS — Absolute length units
• The box model and box sizing
• Chill Scroll Snapping: Article Headers
• Implementing Vertical Form Controls
• Goodbye SASS 👋, welcome back native CSS

JavaScript

• Hail to the King, Baby: Why JavaScript Reigns Supreme
• Build a Full-stack App with Node.js and htmx
• WebSockets vs Server-Sent-Events vs Long-Polling vs WebRTC vs WebTransport
• Big Numbers, No Worries: JavaScript Format Number With Commas
• OpenTelemetry in Practice: Instrumenting JavaScript Apps for Tracing
• Optimizing Javascript for fun and for profit
• Kuto, a reverse JS bundler

• React
  • MistCSS — Write atomic React components using only CSS! (JS-from-CSS™)
  • Type system of the React compiler
  • How to test React custom hooks and components with Vitest
  • Using react-to-print to generate a printable document
  • Exploring Catalyst, Tailwind’s UI kit for React
  • How Next.js breaks React Fundamentals (Examples)
• Vue
  • Building a PDF Viewer for Vue.js with PDF.js, vue3-pdf-app and more
  • How to avoid and fix prop drilling in Vue.js
• Angular
  • Angular with NativeScript: Creating the Blackout Lighting Console
  • Boosting Angular App Performance with RouteReuseStrategy
  • Angular Signals: Best Practices
  • Mythical Angular — What do we know about signal inputs limitations