Frontend Weekly Digest #333 (16–22 October 2023)

Web-development

• REST, GraphQL or RPC — A Decision Paralysis
• The State of WebAssembly 2023
• An introduction to the Web Preferences API
• Build a Better Mobile Input
• Web Components at TPAC 2023
• The Three Cs: 🤝 Concatenate, 🗜️ Compress, 🗳️ Cache

• Tools
  • Synchronizing Figma variables with Design Tokens
  • Stop using “npm install” in your CI/CD pipeline
  • Node.js 21 is now available!
• Accessibility
  • Why Unique ID Attributes Matter
  • Ensuring negative numbers are available for everyone
• Effects
  • Ideas for Image Motion Trail Animations
  • Using the View Transitions API with Astro
  • Inspirational Websites Roundup #51

CSS

• How To Animate Along A Path In CSS
• The madness of TailwindCSS and what to use instead.
• CSS Findings From Photoshop Web Version
• Scroll-Driven State Transfer
• A Couple of New CSS Functions I’d Never Heard Of
• Fancy Borders (w/ Transparency)
• Realistic Color Reflection with CSS on hover

JavaScript

• The nuances of base64 encoding strings in JavaScript
• Solid.js Creator Outlines Options to Reduce JavaScript Code
• The Rise of Next.js: Why It’s the Full-Stack Framework of Choice for Modern Websites
• How we optimized package imports in Next.js

• React
  • How to Avoid Breaking Your React Application in Production
  • Using React Portals for cleaner components
  • React memo is good actually
  • Working with forms in SvelteKit coming from React
• Angular
  • Declarative Loop Control Flow in Angular 17
  • Accessing directives located in child components in Angular
  • Mastering Angular Custom Directives: A Comprehensive Guide with 15 Real-World Examples (2023)
  • New Angular 17 feature: deferred loading

Browsers

• Release Notes for Safari Technology Preview 181
• Microsoft’s Edge and Bing: A Remarkable Turnaround Story