Frontend Weekly Digest #233 (25–31 October 2021)

Web-development

• Introducing the layer based SVG engine
• Which SVG technique performs best for way too many icons?
• Jamstack: A new way to think about web development, build, and delivery
• The start of a new era for Responsive Web Design
• Building an effective Image Component
• Photoshop’s journey to the web
• The Micro-Frontend Chaos (and how to solve it)
• Popular NPM package UA-Parser-JS poisoned with cryptomining, password-stealing malware

• Tools
  • Demistifying webpack’s ‘import’ function: using dynamic arguments
  • Will Rome Replace Webpack?
• Performance
  • Boost Your Web Application Performance With JavaScript Web Workers
  • Web Performance Metrics Cheatsheet
  • Best Practices on Embedding Third-Party Web Widgets
• Effects
  • Creating the Effect of Transparent Glass and Plastic in Three.js

CSS

• A Deep Dive Into object-fit And background-size In CSS
• Reimagine Atomic CSS
• 100 Bytes of CSS to look great everywhere
• Media Queries Level 4: Media Query Range Contexts
• The Process of Building a CSS Framework
• The New CSS Reset
• Using CSS Variables for reduced motion on a global scale
• Incredible CSS Layouts Generators You Should Know!

JavaScript

• Trie in Javascript: the Data Structure behind Autocomplete
• In-Page Filtered Search With Vanilla JavaScript
• Skeletonise yourself with pose detection.
• Dependency Injection in JavaScript — the Best Tool You’re Not Using for your Tests
• Using axios.all to make concurrent requests

• Theory
  • Sparse vs Dense Arrays in JavaScript
  • JavaScript maps vs. sets: Choosing your data structure
• React
  • Next.js 12
  • Beginner’s Guide to SWR: Data Fetching in React
  • Why hooks are the best thing to happen to React
  • Top 4 Mistakes in React Interviews
  • Understanding React’s useEffect cleanup function
• Vue
  • Testing Vue Components With Cypress
  • Why Vue + Astro may be better than Vue SPA
• Angular
  • Improving Angular Component’s accessibility
  • How to Scale Angular Without Limits
  • The controllers of component concept in Angular: part II
• Ember
  • Ember.js Template Imports, Part 1
  • Ember.js Template Imports: Part 2
  • EmberJS Open Source Development — Overlay Development
• Libs & Plugins
  • Why Outdated jQuery Is Still the Dominant JavaScript Library
  • Introducing Elf — A Reactive Store with Magical Powers for JS Apps
  • Type Query: jQuery Style Type Manipulation