Frontend Weekly Digest #357 (1–7 April 2024)

Web-development

• Core Web Vitals: Rank your websites higher on SEO
• How to Prevent Web API Attacks with Data Validation — Web API Security Guide
• Diving into the Node.js Website Redesign
• The Many, Confusing File System APIs
• Front-end development’s identity crisis
• What even is a JSON Number?
• Interaction to Next Paint (INP) Explained
• Node.js: The Documentary | An origin story

• Tools
  • DevTools Tips & Tricks
  • ESLint v9.0.0 released
  • Bun 1.1 — now you can now run Bun on Windows 10 and later
• Effects
  • The View Transitions API
  • On-Scroll Expanding Image Animation within Typography

CSS

• Responsive Design with Tailwind CSS
• Drawing a Line to Connect Elements with CSS Anchor Positioning
• An Interactive Guide to CSS Container Queries
• Modern CSS patterns and techniques in Campfire
• A Complete Guide to CSS Logical Properties, with Cheat Sheet
• Managing User Focus with :focus-visible
• Infinite-Scrolling Logos In Flat HTML And Pure CSS
• Mojo CSS vs. Tailwind: Choosing the best CSS framework
• CSS Hooks and the state of CSS-in-JS

JavaScript

• Dioma — Elegant dependency injection container for vanilla JavaScript and TypeScript
• History of JS interop in Dart
• How to Convert String to Date in JavaScript

• React
  • How Waku compares to Next.js
  • Redux Toolkit adoption guide: Overview, examples, and alternatives
  • How does use() work internally in React?
  • How does useOptimistic() work internally in React?
• Angular
  • Angular Signal Inputs: road to Signal Components
  • Clean Frontend Architecture: Tips to Success
  • Angular Signal Queries: simplifying DOM querying