Frontend Weekly Digest #332 (9–15 October 2023)

Web-development

• Add a web app manifest
• API Integration Patterns — The Difference between REST, RPC, GraphQL, Polling, WebSockets and WebHooks
• The Power of Variable Fonts: An Interview with Jason Pamental
• The selected date must be within the last 10 years
• Web server ‘hello world’ benchmark : Go vs Node.js vs Nim vs Bun
• Designing for All: The Basic Principles of Web Accessibility

• Performance
  • Updated to Lighthouse 11/Chrome 117, Changes to GTmetrix Scoring, and More!
  • It’s time to lazy-load offscreen iframes!
• Effects
  • New GSAP landing page
  • Fun with stroke-dasharray
  • CSS 3D Text Effects
  • Build a fluid simulation step-by-step

CSS

• 5 best practices for preventing chaos in Tailwind CSS
• Working with Typography in CSS
• The Future of CSS: Easy Light-Dark Mode Color Switching with light-dark()
• What’s new in CSS? (2023.10.12 @ Frontmania)
• Styling External Links with Attribute Selectors
• CSS relative color syntax
• Inner Radius Design Tip with CSS Custom Properties

JavaScript

• JS minification benchmarks: babel-minify, esbuild, terser, uglify-js, swc, google closure compiler, tdewolff/minify
• ESLint v9.0.0: Flat config rollout plans
• Speeding up the JavaScript ecosystem — The barrel file debacle
• Don’t Be Afraid of JavaScript Generators

• React
  • How to Use URLs for State Management in React
  • Gatsby Headaches: Working With Media (Part 1)
  • Why we still use React HOCs
  • Exploring the Allure of React’s ref
  • 44 React Frontend Interview Questions
  • Classed components
• Vue
  • Nuxt 3 Performance Pt 1
  • Nuxt 3 Performance Pt 2
  • How to integrate Google Maps into a Vue 3 application
  • Exploring advanced design patterns in Vue.js
  • Mastering Vue.js Control Value Accessor: Creating Custom Input Components Made Easy
  • Why I chose Vue over React
• Angular
  • Angular Interceptors Unleashed: Solving Complex Scenarios with Ease. Practical Use Cases and Examples (2023)
  • Angular Signals: A Deep Dive
  • Demystifying the Angular Structural Directives in a nutshell
• Svelte
  • How Svelte made me understand Web development better in general
  • Building SvelteKit forms with Superforms

Browsers

• Firefox will soon have a built-in feature called Review checker to spot fake reviews of products
• New in Chrome 118
• What’s New in DevTools (Chrome 119)
• Chrome Blog: Preparing for the end of third-party cookies