Frontend Weekly Digest #296 (30 January — 5 February 2023)

Web-development

• Understanding the GraphQL Type System
• Gatsby is joining Netlify
• Creating an interactive SVG: The circle of fifths

• Effects
  • Bringing Letters to Life: Coding a Kinetic SVG Typography Animation
  • Easy SVG Customization And Animation: A Practical Guide
  • Awesome Demos Roundup #23

CSS

• The Guide To Responsive Design In 2023 and Beyond
• Circular text with CSS?
• CSS color-mix()
• Working with the CSS Grid
• Introducing the Phonon CSS Framework
• Accessible hamburger buttons without JavaScript
• Container Queries and Typography
• Create a full-page background with CSS
• A Fancy Hover Effect For Your Avatar
• Using @property for loosely typed CSS custom properties

JavaScript

• Exploring the Power of Destructuring in JavaScript
• Understanding App Directory Architecture In Next.js
• The Ultimate Guide to JavaScript Error Handling
• How to Read and Write JSON in JavaScript
• 2 ways to implement Abstract Factory Pattern in JavaScript
• You’ve Got Options for Removing Event Listeners

• React
  • Best Way to Handle Form Validation: React Hook Form and Zod
  • Server-Side Rendering in React 18
  • Styling Toast Messages with React-Toastify
  • Why Create React App exists
  • Why React isn’t dying
• Vue
  • How to implement infinite scroll with Vue
  • Why Mixins are Considered Harmful
• Angular
  • Angular Development Simplified with Subjects and Behavior Subjects
  • 6 Angular Performance Tuning Tips And Tricks
  • Deep dive into the infamous ExpressionChangedAfterItHasBeenCheckedError in Angular