Frontend Weekly Digest #280 (10–16 October 2022)

Web-development

• Scoop: Meta ending support for Instant Articles
• Building Your Own Web Component Library
• SVG sprites: old-school, modern, unknown, and forgotten
• The Web’s Next Transition
• Speeding Up Async Snippets

• Tools
  • Fallback Font Generator
  • SVG CROP: Remove blank space from around any SVG instantly.
  • Why you should prefer using pnpm over npm and yarn?
  • relative-deps: An alternative to npm-link for relative dependencies
  • Lerna reborn — What’s new in v6?
  • Firefox’s new service gives you a burner phone number to cut down on spam
• Effects
  • Smooth Panel Scroll Effects
  • Inspirational Websites Roundup #42

CSS

• How to Animate CSS Box Shadows and Optimize Performance
• Layout Breakouts with CSS Grid
• Early Days of Container Style Queries
• A Pure CSS Gallery Focus Effect with :not
• Upgrading colors to HD on the web
• Fancy Image Decorations: Single Element Magic
• CSS-Only Type Grinding: Casting Tokens (sm|md|etc) into Useful Values
• Creating a CSS-Only Toggle Switch
• Understanding background-size in CSS
• Using CSS to hide scrollbars without impacting scrolling

JavaScript

• As a Front-end Engineer: 10 Secrets about “[].reduce” You Must Know About
• How I created a GameBoy-like game in 13kb
• Explaining Recursion in JavaScript
• Forever Functional: Solving puzzles with recursion and JavaScript
• The Complete Guide to Modules in Browsers and Node.

• React
  • How I Stay Updated with React (and Front-End Development)
  • Transporting your Components Anywhere with React Portals
  • How do you Refactor a 2,700-Line React Component?
  • Advanced Multistep Forms with React
  • Building a React live streaming app with 100ms
  • How to Use Google Sheets as a Database with React and SSR
• Vue
  • Build Modern Web Apps with Nuxt 3 and Vuejs
  • Understanding Vue.js touch events for Android and iOS
• Angular
  • Most Useful Angular Features You’ve Probably Never Used
  • Angular Template Driven vs. Reactive Forms
  • Router’s loadChildren Callback Doesn’t Have To Be A Fat-Arrow In Angular 14
  • Angular DOM Manipulation: ElementRef, TemplateRef, and ViewContainerRef