Frontend Weekly Digest #376 (12–18 August 2024)

Web-development

• Introducing Dev Encyclopedia: A “Wikipedia”, but for developers
• How I won $2,750 using JavaScript, AI, and a can of WD-40
• What is a Component Library? When to Build Your Own and When to Use Someone Else’s
• Font with Built-In Syntax Highlighting
• Scroll Snap Events
• How I Upped My Frontend Game with Generative UI
• Writing Alt Text for a Scientific Figure

• Tools
  • Development Server Vite Gets Independent Team and Rust-ifies
  • Visualize JSON data with these popular tools
  • Remove Garbage NPM Packages with eslint-plugin-depend
• Performance
  • blocking=render: Why would you do that?!
  • Brand New Performance Features in Chrome DevTools

CSS

• “Smart” Layouts With Container Queries
• View Transitions for Multi-page Apps
• Relative Color Syntax — Basic Use Cases
• Optimizing CSS time-based animations with new CSS functions
• Tailwind Weekly #164: Fun text underlines and more practical uses for the :has() selector 🎨

JavaScript

• Fine-Grained Reactivity in Svelte 5
• 7 Free APIs for Your Next Projects

• React
  • Resolving hydration mismatch errors in Next.js
  • Understanding optimistic UI and React’s useOptimistic Hook
  • A deep dive on forms with modern React
• Angular
  • How to create Signals out of Observables?
  • Signals in Angular: deep dive for busy developers
  • What’s new in Angular 18.2?