Frontend Weekly Digest #308 (24–30 April 2023)

Web-development

• Microservices vs APIs: What’s the Difference
• SVG vs. Canvas: A comparison
• New to the web platform in April
• Image Tiles Menu Animation

• Tools
  • Microsoft Edge now allows you to simulate dark, light, high contrast mode, blurred vision and colour deficiencies right from the Device Emulation toolbar
  • Dissecting Npm Malware: Five Packages And Their Evil Install Scripts
• Accessibility
  • Accessible Target Sizes Cheatsheet
  • The Potentially Dangerous Non-Accessibility Of Cookie Notices

CSS

• Write Better CSS By Borrowing Ideas From JavaScript Functions
• CSS Blend Modes
• Uncovering New Tailwind CSS Utilities You May Not Have Heard Of
• Boost accessibility for high-contrast users with CSS
• Rebuilding a featured news section with modern CSS: Vox news

JavaScript

• JS private class fields considered harmful
• As a Front-end Engineer: 10 Secrets about “[].reduce” You Must Know About
• The “const” Deception
• Formatting Compact Numbers with JavaScript
• The Cache API in JavaScript, and how to use it
• Forever Functional: Powers, through the Power of Recursion!

• React
  • The Interactive Guide to Rendering in React
  • How to Build an Interactive Accordion Component with React and GSAP
  • Building a WebGL Carousel with React Three Fiber and GSAP
  • Concurrent Mode in React: an overview
  • Writing clean, reusable components in React
  • How to Implement Drag and Drop Functionality in React with React Beautiful Dnd
• Vue
  • Implementing a Front-End Architecture using Vue.js and Spryker
  • Yes, here are 3 ways to create a multiple layout system with Vue 3
  • 10 Vue.js Optimization Tips That Frontend Engineers Must Use in 2023
• Angular
  • Lazy loading services in Angular. What?! Yes, we can.
  • Angular 16 RC2. The Revolution Is Near!
  • A Comprehensive Guide to Angular Observables
  • Rising to New Heights: Angular 16’s Epic Battle with Vue, React, and Svelte