Frontend Weekly Digest #326 (28 August — 3 September 2023)

Web-development

• Introducing Astro 3.0, the first major web framework to support the View Transitions API
• 15 Terrible Advice for Web Developers
• Build a GraphQL Gateway: Combine, Stitch or Merge any Datasource
• Why Does Email Development Have to Suck?
• github.blog: Why Rust is the most admired language among developers

• Cooking Up Great Web Performance: A Chef’s Guide to Web Vitals
• Dark Mode: How Users Think About It and Issues to Avoid

• Effects
  • Connected Grid Layout Animation
  • Let’s Make a Rubber Button With HTML, CSS and SVG
  • Bézier Curves

CSS

• Case Study: Rebuilding TechCrunch layout with modern CSS
• 10 Ways to Hide Elements in CSS
• Falling For Oklch: A Love Story Of Color Spaces, Gamuts, And CSS
• Native CSS Nesting Without Preprocessors — Start Using It Today

JavaScript

• Mastodon: Building a Marvel Character Info Bot with Cloudflare Workers
• Functional Programming With JavaScript: A Deep Dive
• Angular vs. React vs. Vue.js: Comparing performance
• How to Create a Contact Form Using Supabase & Next JS

• React
  • Using React Router v6 for Private and Public Routes with Access Validation
  • Mastering useReducer for Complex State Management
  • Stop Comparing Web Components to React: The Trap of Library-Centric Criticism
  • Understanding how React handles input state: A deep dive
  • React State Management: A Guide 2023
  • Separating Business Logic from UI Components in React 18
• Vue
  • Integrating an Icon Library to a Vue Application
  • Accessing Child Components Data From Parent Components
  • Introducing Atomic Design in Vue.js
  • Exploring the Nuxt 3 DevTools
• Angular
  • Mastering Angular’s Hierarchical Dependency Injection with inject() Function
  • Angular is not that good before 2023
• Svelte
  • How to use Tailwind CSS with Svelte