Frontend Weekly Digest #366 (3–9 Jun 2024)

Web-development

• Playing with the Speculation Rules API in the Console
• htmx: Simplicity in an Age of Complicated Solutions
• How Deep is Your DOM?
• Full Stack Web Push API Guide
• Beyond Chatbots: How AI Can Change Frontend Development
• TanStack Introduces New Meta-Framework Based on Its Router
• 3 new features to customize your performance workflows in DevTools
• Why Are There No Mobile Accessibility Guidelines in WCAG?

• Effects
  • Live Demos of Stand Alone Web Components
  • Push Animation on Grid Items

CSS

• CapUnit: A look at how I solved a design problem with CSS cap unit.
• CSS-only Custom Range Slider with Motion
• Custom Top and Bottom CSS Container Masks
• Useful CSS Tips And Techniques
• CSS Length Units
• Fine-tuning Text Inputs
• Let’s hang! An intro to CSS Anchor Positioning with basic examples

JavaScript

• The JavaScript this Keyword Explained with Examples
• Control JavaScript Promises from Anywhere Using Promise.withResolvers()
• Testing Types in TypeScript
• Promises From The Ground Up
• Merge anything — Merge objects & other types recursively. A simple & small integration.
• How To Write API Response Types with TypeScript

• React
  • How to Build a Rating Component with the React Compound Component Pattern
  • The best free, open-source SaaS template for React & NodeJS
  • How to Build a Classic Snake Game Using React.js
• Vue
  • Create a Fullstack app with Vue and Go (And Tailwindcss v4)
  • Optimizing rendering in Vue
  • Vue Router’s History Modes Untangled
  • How to Migrate Your Vue 3 App to Nuxt 3
• Angular
  • Signals vs. ngOnChanges for better Angular state management
  • Architecting Angular: Part 3 — Effortless Data Mocking
  • Angular Material Theming with CSS Variables