Frontend Weekly Digest #272 (15–21 August 2022)

Web-development

• Handling Optimistic Concurrency in Web Frontends
• You haven’t been hacked, these aren’t devices spying on you and these errors aren’t your fault
• Experience Sharing: Our Company’s Web API Design Specification
• Everything Developers Must Know About Figma

• Performance
  • Tip — Use fetchpriority=high to load your LCP hero image sooner
  • Can browsers optimize the loading of third-party resources?
• Effects
  • Fullscreen Scrolling Slideshow
  • Awesome Demos Roundup #21

CSS

• The /FAIL/ Of Tailwind, The Go-To For The Ignorant
• System.css — A design system for building retro-inspired interfaces
• outline is your friend
• When Do You Use CSS Columns?
• CSS Grid and Custom Shapes, Part 1
• How the CSS :is, :where and :has Pseudo-class Selectors Work
• A deep dive into the CSS float property

JavaScript

• 5 Very Useful Tricks for TypeScript Typeof Operator
• Advanced JavaScript Features
• Implementing A Reset Password Feature With Next.js Dynamic Routes
• Optimizing for JavaScript is hard

• React
  • The surprising reason react is slow (sometimes)
  • As a Front-End Engineer, 4 React Traps You Should Know About
  • An Introduction To Context Propagation In JavaScript
  • Image Manipulation with react-easy-crop
  • Why React Re-Renders
  • Build accessible components with React Aria
  • React Hooks: useThrottledValue and useThrottledFunction
  • 11 Mistakes to Avoid When Using React in 2022
  • Building a draggable slider in React
• Vue
  • Vue’s Reactive Principles vs. Two-way Data Binding
  • Component Framework Concepts in Vue vs React
  • Understanding watchers in Vue
• Angular
  • Top 10 Angular Component Libraries
• Libs & Plugins
  • HTML Form Validation with PristineJS
  • 6 JavaScript tools for color generation