Frontend Weekly Digest #275 (5–11 September 2022)

Web-development

• What’s New With Forms in 2022?
• Why Storybook in 2022?
• An overview of Node.js: architecture, APIs, event loop, concurrency
• TikTok Interview: 4 Front-End Questions You’ll Be Interested to Know About
• 3D Perspective Glitch Hover Effect

• Performance
  • Is GTmetrix Accurate To Measure Core Web Vitals? Q/A Session — We Asked Them!
  • How To Improve Largest Contentful Paint for Faster Load Times
  • Why your website should be under 14kB in size
  • Critical CSS? Not So Fast!
  • Removing layout shift from a progressively enhanced burger menu
• Accessibility
  • 4 Myths About Internet Users with Autism
  • The Realities And Myths Of Contrast And Color

CSS

• Building the main navigation for a website
• Change SVG Color with Help from CSS Filter
• Condition of CSS [2022]
• Hacking CSS Animation State and Playback Time
• The forgiving nature of :has breaks jQuery when used с a complex :has selector

JavaScript

• We measured the SSR performance of 6 JS frameworks — here’s what we found.
• JavaScript Patterns
• 10 Bad TypeScript Habits To Get Rid of in 2022
• Build a Progressive Web App (PWA) with Next.js
• JavaScript’s ‘this’ keyword explained and demystified
• JavaScript and Events — The Fundamentals
• 10 Useful JavaScript Coding Techniques That You Should Use
• JavaScript Anti-Patterns We Do Every Day

• React
  • useSyncExternalStore — The underrated React API
  • React 18 Upgrade Guide and New Features
  • Simplifying Drag and Drop (Lists and Nested Lists)
  • Testing your React Components — Step by Step
  • Write better React code without conditional rendering operators
  • How to Use Web Components with React
• Vue
  • Making API calls in Vue with Axios