Frontend Weekly Digest #353 (4–10 March 2024)

Web-development

• Practice Your Coding Skills by Building a Program in Different Ways
• The quiet, pervasive devaluation of frontend
• Ultimate Guide to Visual Testing with Playwright
• INP Optimization: Your Roadmap to Improving Website Performance and Google Rankings
• “AI” and accessible front-end components: is the nuance generatable?
• On-Scroll 3D Stack Motion Effect

CSS

• Creating color palettes with the CSS color-mix() function
• Some little ways I’m using CSS :has() in the real world
• Modern CSS Tooltips And Speech Bubbles (Part 2)
• Menus, toasts and more with the Popover API, the dialog element, invokers, anchor positioning and @starting-style
• Retrofitting fluid typography
• Exploring the Creative Power of CSS Filters and Blending
• 5 ways to style text with CSS inspired by the Spider-verse

JavaScript

• Why my code isn’t in TypeScript
• Coroutines and web components
• Predictive Text Using 2MB of JavaScript, no LLM.
• Convert String To Date JavaScript: How To Avoid Mistakes
• How to use tRPC in your SvelteKit project if you’re a zoomer fullstack developer

• React
  • The Ultimate Guide to Choosing the Best React Website Builder
  • The End Of My Gatsby Journey
  • Exploring useSyncExternalStore, a lesser-known React Hook
  • Epic Next.js 14 Tutorial: Learn Next.js by building a real-life project: Part 1
  • React Unforget — A compiler for React that optimizes components and hooks for performance and readability.
  • Do we need state management in React?
  • Did you know you can write your own typesafe React router in 500 lines?
  • How to safely use dangerouslySetInnerHTML in React
• Vue
  • Writing Clean, Reusable Components in Vue 3 (Composition API): Best Practices
• Angular
  • Bundle Size Improvements from Deferred Views in Angular
  • Angular’s Output Symphony: Introducing the Output Function
  • Microfrontend Architecture with Nx and Angular