Frontend Weekly Digest #342 (18–24 December 2023)

Web-development

• FileReader API
• Web Development in 2023: JavaScript Still Rules, AI Emerges
• DeviceScript — TypeScript for Tiny IoT Devices
• AD Support in HTML Video

• Tools
  • Should you use Bun or Node.js or Deno in 2024?
  • Digging through Chrome traces: an introduction with an example
  • Experimental Chromium Web Platform Features
  • Inside the all-new Edge DevTools user interface
• Performance
  • Beyond soft-navigations: tracking your SPA’s TTFB
  • Analysis of INP performance using real-world RUMvision data
• Animation
  • The View Transitions API And Delightful UI Animations (Part 1)
  • Scroll-driven Animations
  • What’s the best way to reset WAAPI chained animations?
  • View Transitions
  • Creating Audio-Reactive Visuals with Dynamic Particles in Three.js
  • A bunch of demos and tools to show off Scroll-driven Animations

CSS

• CSS Nesting
• How Do You Vertically Centre an Element in CSS? (Even More) Easily!
• Clean Architecture: Theming with Tailwind and CSS Variables
• New CSS Viewport Units Do Not Solve The Classic Scrollbar Problem
• The mysterious case of using CSS animation-composition: accumulate on a scale transform
• Border images in CSS: A key focus area for Interop 2023
• What :has() changed in CSS?
• Using the CSS contain property: A deep dive

JavaScript

• 20 Modern Javascript Snippets to Solve Common JS Problems
• 5 JavaScript Build Systems for 2024
• Deep Cloning Objects in JavaScript, the Modern Way
• Mastering SOLID Principles in JavaScript: A Comprehensive Guide
• Prototypes Unleashed: Turbo Boost Your JavaScript and Leave Slow Code in the Rear View Mirror!

• React
  • JavaScript in 2023: Signals, React’s RSC, and Full-Stack JS
  • Comparing Next.js testing tools and strategies
  • Diving into Server Actions in Next.js 14
  • Understanding React’s useFormState and useFormStatus Hooks
  • How to test React Hooks
• Vue
  • Turn Your Vue App into an Offline-ready Progressive Web App
  • Vue 2 is Approaching End Of Life
  • Vue Query vs. Pinia: A Clarity Comparison
• Angular
  • Persistent Data Grids in Angular: A Comprehensive Guide
  • Angular Change Detection — Today and Tomorrow
  • Local Change Detection in Angular 17
  • Optimizing the Architecture of Large Web Applications with Angular
  • A change detection, zone.js, zoneless, local change detection, and signals story 📚
  • NG hint [Angular Signals with RxJS]