Frontend Weekly Digest #239 (6–12 December 2021)

Web-development

• Highlights of the Web Almanac 2021
• How to Track Users Without Third-Party JavaScript
• 5 Reasons You Should Adopt a Micro Frontend Architecture
• WCAG 3 is not ready yet

• Tools
  • Some notes on using esbuild
  • ssshapea — a SVG blob/shape generator that puts you in the driver’s seat
  • Debug memory leaks with the Microsoft Edge Detached Elements tool
• Performance
  • Builder.io: How we cut 99% of our JavaScript with Qwik + Partytown
  • CLS at BuzzFeed — Part 1: Raising The Floor
  • CLS at BuzzFeed — Part 2: Getting Help From Real Users
  • CLS at BuzzFeed — Part 3: Dealing with the unpredictable

CSS

• Standardizing Focus Styles With CSS Custom Properties
• Breaking Out of the Box
• Tailwind CSS v3.0
• Defensive CSS
• Modern fluid typography editor
• Set the CSS-only clock with the HTML <time> element
• How to build animated page loaders in CSS
• Creating an infinite CSS background image loop

JavaScript

• State Machines for JavaScript Developers — How to Use Them in Your Apps
• The Invisible JavaScript Backdoor

• React
  • Deep dive into iterating, context, and children in React
  • Optimizing state management in React applications
  • Next.js and Remix — a brief comparison
  • How and Why You Should Store React UI State in the URL
  • Three ways to handle data fetching logic in React projects!
  • Underrated React Hooks you’re missing out on
  • Getting started with React SyntheticEvent
  • Generating PDFs in React with react-pdf
• Vue
  • 8 Vue Projects Every Beginner Should Try
  • Vue2 the Vue3 way: Getting Started
  • Adventures of a Front-End Developer | Our Work to Improve Web Performance
  • Image branding with ImageKit and Vue.js
• Angular
  • Module Federation — What, Why, How?
  • Difference between Angular versions
• Ember
  • Uploading images to S3 in Ember.js
• Svelte
  • How to Build a Todo app with Svelte!
  • Reacting in Svelte — Understanding components in svelte the react way
• Libs & Plugins
  • A straightforward definition of multi-threaded functions for NodeJS and browser
  • Interface Forge — Gracefully generate TypeScript mock data.