Frontend Weekly Digest #348 (29 January — 5 February 2024)

Web-development

• New to the web platform in January
• The Web Component Success Story
• JavaScript or WebAssembly: Which Is More Energy Efficient and Faster?

• Tools
  • What’s new in DevTools (Chrome 122)
  • What’s next for Figma Dev Mode: annotations, compare changes, plugins, and more
• Performance
  • Interaction to Next Paint becomes a Core Web Vital on March 12
  • The Psychology of Web Performance
  • The psychology of site speed and human happiness
  • Squeezing Last Bit Of JavaScript Performance For My Automation Game

CSS

• Using Global Styles in Shadow DOM
• Heads Up on Custom Scrollbars. Chrome is Supporting the Standard Now, which Overrides The Old Pseudo Elements
• Going beyond pixels and (r)ems in CSS — Relative length units based on font
• What is CSS Motion Path?
• Animating Font Palette
• Field-sizing just works!
• nth-child() vs nth-of-type() Selectors in CSS — What’s the Difference?
• A highly configurable switch component using modern CSS techniques
• CSS Scroll-triggered Animations with Style Queries

JavaScript

• Which one is the most actively developed Front-End framework in 2024? — React vs Angular vs Vue vs Svelte vs Ember
• JavaScript Game Dev Tutorial — Build Gorillas with HTML Canvas + JavaScript
• JavaScript Compare Dates: How to Do It Right
• JavaScript Trim String: How to Remove Unwanted Spaces

• TypeScript
  • How To Use forwardRef With Generic Components
  • Comparing TypeScript state management solutions
  • Announcing TypeScript 5.4 Beta
  • Modern JavaScript library starter: How to publish a package with TypeScript, testing, GitHub Actions, and auto-publish to NPM
• React
  • 4 useState Mistakes You Should Avoid in React
  • Implementing User Authentication in React Apps with Appwrite
  • It feels like React is getting a bit of a kicking recently
  • Next.js App Router migration: the good, bad, and ugly
  • Building a custom compositional API with React Aria
  • Using React and Strada to develop hybrid web and mobile apps
  • How to Build a Mobile Swiping Component in React
• Vue
  • Understanding the various ref in Vue3: toRef, toRefs, isRef, unref…
  • Understanding Hooks in Vue3 (Why use hooks)
• Angular
  • Component DOM Testing in Angular
  • What’s New In Angular 17?