Frontend Weekly Digest #309 (1–7 May 2023)

Web-development

• Web Components 2023 Spring Update
• Step by step: embedding PDFs in HTML pages
• I want to talk about WebGPU
• Using the Web Vitals extension to debug Core Web Vitals issues

• Performance
  • Optimizing Web Performance with Advanced Techniques
  • CDNs: Speed Up Performance by Reducing Latency
• Animations
  • Animate elements on scroll with Scroll-driven animations
  • Build async-awaitable animations with Shifty
  • Ideas for Grid to Slideshow Switch Animations

CSS

• Making filters for your website
• Using data attributes instead of CSS classes
• :root isn’t globalSo if :root isn’t global, what is?
• Don’t use custom CSS scrollbars
• Implementing CSS for Older Browsers
• Testing Feature Support for Modern CSS
• Guide to hiding elements in CSS
• Dynamic font-size using only CSS3

JavaScript

• Nx 16 is Here!
• Mastering TypeScript: 20 Best Practices for Improved Code Quality
• Learning JavaScript With Imagination
• Detecting if an event was triggered by a user or by JavaScript
• Practical Guide To Not Blocking The Event Loop

• React
  • How Vite Transformed Our React Development Process — a case study
  • Best Practices of React Composite Pattern for Hierarchical Components
  • 🤝 Improve State Management in React With Mediator Design Pattern
  • An Introduction to React Portals
  • Essential React Techniques for Top Development in 2023
  • Best React scheduler component libraries
  • How to build a tree grid component in React
  • useEffect — The Hook React Never Should Have Rendered
• Vue
  • How to build a reusable modal component in VueJS
  • Best icon libraries for Vue.js
• Angular
  • Angular v16 is here!
  • New Angular 16 is Going Big in 2023: Everything You Need to Know
  • Angular and pure HTML dialogs