Frontend Weekly Digest #22

Web-Development:
• Push notifications are now supported cross-browser
• Jumping HTML tags. Another reason to validate your markup
• Fighting inter-component HTML bloat

CSS:
• Sass and Native Nesting
• Hiding empty elements with CSS :empty and :has()
• How to use Google Fonts and font-display
• Preventing too-short final lines of text blocks
• Checkered background using two lines of code in CSS
• CSS Masking
• Improving CSS Shapes with Trigonometric Functions
• Position your element with CSS inset logical property

JavaScript:
• Mastering the JavaScript switch Statement
• JavaScript import maps are now supported cross-browser
• As a Front-End Engineer: The Magic Behind “Event Emitter” in JavaScript That You Should Know About

React:
• The End of an Era: React Team Says Goodbye to Create React App
• How to Measure and Improve the Performance of a React App
• Micro Frontends in React: A Practical Guide
• Stop Using useMemo Now!
• Building a Custom Fetch Hook in React
• 🔥 Best Practices of Render Props Pattern: Improve React Performance and More PART 1️⃣

Vue:
• Vue.js Tutorial: Getting Started & 10 Best Practices
• How to add dynamic styling and class names in Vue.js
• How to build a real-time Vue app with WebSockets

Angular:
• Angular Signals — Taking Reactivity to New Heights 🚀
• How I Failed an Angular Developer Interview by Failing to Answer this Simple Question
• Angular Signals in a Nutshell
• Angular v16 signals, everything old is new again