Frontend Weekly Digest #384 (14–20 October 2024)

Web-development

• Micro Frontend: Run-Time Vs. Build-Time Integration
• How should <selectedoption> work?
• LocalStorage vs. IndexedDB vs. Cookies vs. OPFS vs. WASM-SQLite
• The story of web framework Hono, from the creator of Hono
• Smarter than ‘Ctrl+F’: Linking Directly to Web Page Content
• Case Study: Duten’s 2024 Website
• Staggered (3D) Grid Animations with Scroll-Triggered Effects

• Accessibility
  • Why GOV.UK’s Exit this Page component doesn’t use the Escape key
  • I’ve Been Doing Blockquotes Wrong
• Release
  • GSAP is Joining Webflow
  • Introducing Express v5: A New Era for Node.js Framework
  • AI assistance panel: Chrome introduces Gemini directly in DevTools
  • Introducing AI Assistance in Chrome DevTools

CSS

• Fanout with Grid and View Transitions
• Mastering theme.json: You might not need CSS — WP way
• Solving Background Overflow With Inherited Border Radii
• CSS min() All The Things
• State of CSS 2024: results

JavaScript

• js13kGames: Winners announced!
• How to Build an Image Search Application With OpenAI CLIP & PostgreSQL in JavaScript
• Inertia.js adoption guide: Overview, examples, and alternatives
• Six things you may not know about JavaScript
• Meet the New Safe Assignment Operator (?=) in JavaScript
• Automatic file-based routing in Vue.js

• React
  • React Folder Structure in 5 Steps [2024]
  • Liskov’s Gun: The parallel evolution of React and Web Components
  • Understanding Redux: A tutorial with examples
  • How To Build a Carbon-Aware Website Using React and Next.js
  • React Essentials: Stale State and Hooks Pitfalls
  • Redux Persist Storage Options: From LocalStorage to IndexedDB and Beyond