Frontend Weekly Digest #362 (6–12 May 2024)

Web-development

• Using the Popover API for HTML Tooltips
• The evolution of Figma’s mobile engine: Figma’s journey to TypeScript
• Building a Chat Integration with Google Gemini
• Composability to Jamstack: Drilling Down on Frontend Terms
• Overcoming the Challenges of Working With a Mobile FinTech API
• Render-blocking on purpose
• Exploring a 3D Text Distortion Effect With React Three Fiber
• Target=_blank implies rel=noopener

• Tools
  • 5 Node Version Managers Compared — Which is Right for You?
  • Introducing the Gulp Developer Survey
• Accessibility
  • Why I Care Deeply About Web Accessibility And You Should Too
  • An introduction to the European Accessibility Act (EAA)
  • A Brief Note on Highlighted Text

CSS

• Using CSS Scroll-Driven Animations for Section-Based Scroll Progress Indicators
• Introducing the CSS anchor positioning API
• The Modern Guide For Making CSS Shapes
• Why don’t we talk about minifying CSS anymore?

JavaScript

• Five Basic Things About JavaScript That Will Help Non JavaScript-Focused Web Designers
• New alternatives to innerHTML
• Why Patching Globals Is Harmful
• How to Get a Perfect Deep Equal in JavaScript

• React
  • How to Use React Developer Tools — Explained With Examples
  • The Forensics Of React Server Components (RSCs)
  • Why React Query?
  • Build Your Own React.js in 400 Lines of Code
  • Headless UI v2.0 for React
  • Leveraging React Server Components in RedwoodJS
  • Using the ResizeObserver API in React for responsive designs
• Angular
  • Bundle Size Improvements from Deferred Views in Angular
  • Demystifying Change Detection in Angular: A Comprehensive Guide
  • Angular View Engine vs Ivy: A Comprehensive Guide
  • Angular: DOM Sanitization