Frontend Weekly Digest #349 (5–11 February 2024)

Web-development

• Web Development Is Getting Too Complex, And It May Be Our Fault
• Node.js Community Debate Intensifies Over Enabling Corepack by Default and Potentially Unbundling npm
• Starlight vs. Docusaurus for building documentation
• Best-Practices for API Authorization
• Exploring Interaction to Next Paint, a new Core Web Vital
• Doing what’s required: Indicating mandatory fields in an accessible way
• Mozilla’s Abandoned Web Engine ‘Servo’ Project is Getting a Well-Deserved Reboot in 2024

• Web-components
  • Getting into web components — an intro
  • Introduction to Web Components and How to Start Using Them
• Visuals
  • On-Scroll Revealing WebGL Images
  • How To Draw Radar Charts In Web
  • How to Embed 3D Models on the Web
  • Creating an Animated 3D Starfield Effect in JavaScript

CSS

• Going beyond pixels and (r)ems in CSS — Relative length units based on the viewport
• The Truth(tm) about encoding SVG in data URIs
• CSS scroll-driven scroll-snapping animations
• How to create rounded gradient borders with any background in CSS
• Crafting Invisibility: A Guide to 10 Essential CSS Hiding Techniques
• CSSformalize — groundbreaking CSS framework engineered exclusively for effortless customization of native HTML forms.

JavaScript

• Offloading JavaScript With Custom Properties
• Immutable array updates with Array.prototype.with
• From many to one: Moving our JavaScript code into a monorepo
• Immutable JavaScript — How to Improve the Performance of Your JS Applications
• Struggling to Learn React Or Any JavaScript Framework? Here are 7 Mistakes Holding You Back (And What To Do Instead)
• 5 JavaScript mapping APIs compared

• Releases
  • ESLint v9.0.0-beta.0 released
  • jQuery 4.0.0 BETA!
• React
  • Building Interactive Data Visualizations with D3.js and React
  • Remix Takes on Next.js in Battle of the React Frameworks
  • Announcing Million 3 — an optimizing compiler for React
  • Dockerizing a Next.js Application with GitHub Actions
  • How to Detect Clicks Anywhere on a Page in React
• Angular
  • Deferred Components vs Dynamic Components in Angular
  • Introducing MiniRx Signal Store
  • Code Smells in Angular — Deep Dive — Part I
  • Angular: To Subscribe or Not Subscribe
  • Creating reusable Router Signals APIs in Angular ️