Frontend Weekly Digest #241 (20–26 December 2021)

Web-development

• How to Draw S-Curved Arrows Between Boxes / Rectangles
• Frontend Interview Cheatsheet That Helped Me Get Offers From Amazon & LinkedIn
• Infinite Scrolling in Web: Ultimate Guide
• A first look at Error Prevention — WCAG 3.0’s newest criterion
• Alternate Column Scroll Animation

• Performance
  • Shapeup Jamstack site performance
  • Improving Core Web Vitals, A Smashing Magazine Case Study
  • Frontend Web Performance: The Essentials [0]

CSS

• Wrapping text inside an SVG using CSS
• The CSS :has() selector is way more than a “Parent Selector”
• Creating and customizing an HTML5 video player with CSS
• New features in UnoCSS: A Tailwind CSS alternative

JavaScript

• Is It Time for the JavaScript Temporal API?
• Attaching new behaviors through decorators in JavaScript
• The beauty of IntersectionObserver API
• Remix vs. Next.js vs. SvelteKit

• Theory
  • React Architecture Patterns for Your Projects
  • Modern API data-fetching methods in React
  • Redux middleware and how to use it with WebSockets
  • Build a CRUD application in React with Firebase Web SDK v9
• Vue
  • Top 5 VS Code extensions for Vue developers for 2022
  • 4 Top Rated Queries about Vue.js 3 on StackOverflow
  • Building a Vue 3 component library
• Angular
  • Angular 13: What Makes it Tick for Enterprise Frontend Development?
  • Angular — Micro-Frontend
• Ember
  • Why Ember?
  • Ember 4.0 released
  • The Ember Times — Issue №193
• Svelte
  • Svelte Intl Precompile — The i18n library for Svelte that analyzes and compiles your translations at build time