Frontend Weekly Digest #304 (27 March — 2 April 2023)

Web-development

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

• Tools
  • In Praise of Vite
  • Optimizing the build process using Webpack
• Effects
  • Turning 3D Models to Voxel Art with Three.js
  • Mastering Theatre.js Animations: Learn to Create Dynamic Visuals

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
• Styling webpages with Sakura CSS

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
• Build a Weather App with Vanilla JS

• 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