Frontend Weekly Digest #385 (21–27 October 2024)

Web-development

• State of Frontend 2024
• How Vercel adopted microfrontends
• 11 HTML best practices for login & sign-up forms
• Clarifying the Relationship Between Popovers and Dialogs
• Framer: Sites Now Become Interactive 50% Faster
• Case Study: Monolith Studio

• Tools
  • New scroll badge in DevTools: Find scrollable elements faster
  • 5 Cool Things To Do with DevTools AI Assistance
  • ViteConf 2024 was a blast
  • Managing multiple versions of node, without NVM or additional tools

CSS

• A Modern CSS Reset
• How to Create Filling CSS Loaders Using One Element
• Possible Future CSS: Tree-Counting Functions and Random Values
• Help us choose the final syntax for Masonry in CSS
• Interactive post on OKLCH color space
• You can use text-wrap: balance; on icons
• Come to the light-dark() Side
• Fun with Custom Cursors
• View Transitions Staggering
• Simplifying CSS animations with the display and size properties
• Unleash the Power of Scroll-Driven Animations

JavaScript

• Implementing and Using Monitoring Tracking Points in JavaScript
• Using Protocol Buffers in JavaScript: Efficient Binary Format
• Newly Stable Next.js Compiler Faster, Supports Larger Builds
• Understanding infer in TypeScript
• How to Write Cleaner JavaScript Code with The Ternary Operator
• Getting Started with Piecesjs: Building Native Web Components with a Lightweight Framework
• Svelte 5 is alive

• React
  • Next.js 15 is officially stable and ready for production.
  • How to Build Your Own Wheel of Names with React and TypeScript
  • Perfectly Fitting Text to Container in React
  • State of React 2024 Surveys
  • React Compiler Beta Release
  • The best React select component libraries
  • A deep dive into React Fiber
• Vue
  • How To Speed Up Your Vue App With Server Side Rendering
  • How to Update :root CSS Variable with Javascript
  • Memory Leak and CPU Spike Issues in SSR: A Journey to Resolution
• Angular
  • Angular’s Approach to Partial Hydration
  • Scale your Angular app to the next level with Nx
  • Everything you need to know about the resource API in Angular