Frontend Weekly Digest #351 (19–25 February 2024)

Web-development

• Okay, Color Spaces
• A practical guide to using shadow DOM
• HTML Streaming and DOM Diffing Algorithm
• Netlify’s Approach to the Frontend According to Its New CTO
• The State of Jamstack: Developers Want Return to Simplicity
• How GTmetrix Used GTmetrix to Speed up…GTmetrix!

• Frameworks
  • WXT — Next-gen framework for developing web extensions.
  • htmz — a minimalist HTML microframework that gives you the power to create modular web user interfaces with the familiar simplicity of plain HTML.
  • h3 — The Web Framework for Modern JavaScript Era
• Tools
  • ESLint’s 2023 year in review
  • A guide to Storybook Test for interaction testing

CSS

• Proposal: CSS Variable Groups
• View transitions: Handling aspect ratio changes
• CSS-only DVD Screensaver animation
• CSS :has() Interactive Guide
• Tailwind marketing and misinformation engine
• HTML: How to Resize Markup Like an Image With CSS Container Queries

JavaScript

• JavaScript Bloat in 2024
• Node.js 2023 Year in An Article
• Vanilla JavaScript, Libraries, And The Quest For Stateful DOM Rendering
• Building a Research Assistant Tool with AI and JavaScript
• Exploring JavaScript Promise Collection Methods
• How to Integrate React and AngularJS via Webpack Module Federation

• React
  • React Trends in 2024
  • HTMX vs React: A Complete Comparison
  • Enhance Your React Apps with ShadCn Utilities and Components
  • Control Lazy Load, Infinite Scroll and Animations in React
  • JavaScript on Demand: How Qwik Differs From React Hydration
  • Using SignalDB with React: A complete guide
  • A guide to Next.js layouts and nested layouts
  • Extensive React Boilerplate to kickstart a new frontend project
• Vue
  • Creative coding in Vue with VueXYZ
  • 3 Kinds of Props in Vue
• Angular
  • Catching Up With The Latest Features In Angular
  • Signal Input is now available in developer preview for Angular devs
  • Angular’s Model Function Explored: A Comprehensive Overview
• Libs & Plugins
  • Ordena.js — library that redefines the way we handle nested lists using pure vanilla JavaScript.