Frontend Weekly Digest #341(11–17 December 2023)

Web-development

• When you should embrace MFEs.
• Extending Responsive Video with HTML Web Components
• Strapi adoption guide: Overview, examples, and alternatives
• Adding interactivity with GitHub’s Hotkey library
• Creating an Interactive Mouse Effect with Instancing in Three.js

• Performance
  • Who stole my Largest Contentful Paint?
  • Ten optimisation tips for an initial web performance audit
  • How Trendyol reduced INP by 50%, resulting in a 1% uplift on click-through rate
  • Correctly Configure (Pre) Connections
  • One YouTube Embed weighs almost 1.2 MB
  • Getting started with Web Performance
  • Front-End: Cache Strategies You Should Know

CSS

• Quantity Queries are Very Easy with CSS :has()
• CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study
• CSS Advanced — Glassmorphism Login
• Emphasizing & De-Emphasizing Link Interactions in Navigation
• Designing advanced layouts with CSS Subgrid
• Implementing scroll-aware UI state with CSS
• Using CSS prefers-reduced-transparency and light-dark()
• Pseudo selector :nth-child() explained interactively
• 15 CSS Hidden Properties You Should Know About

JavaScript

• Oxlint — a JavaScript linter designed to catch erroneous or useless code without requiring any configurations by default.
• The await event horizon in JavaScript
• Typescript features that will significantly upgrade your skills
• RE:DOM — Tiny (2 KB) turboboosted JavaScript library for creating user interfaces.

• React
  • 6 Techniques for Conditional Rendering in React, with Examples
  • React Tricks: Fast, Fit and Fun
  • A Chain Reaction
  • Expo Router v3 beta is now available
  • Announcing React Hydration Overlay — Easily Squash Hydration Errors
• Vue
  • What Vue’s Creator Learned the Hard Way with Vue 3
  • Vue.js and Progressive Web Apps (PWAs): Building Offline-First Applications
  • Vue 3 Velocity: The Cache Busting Blueprint
• Angular
  • Check out Angular’s support for the View Transitions API
  • Add Router Animation Transitions for Navigation in Angular 17
  • The big Angular UI library comparison 📚
  • Local change detection and Angular Signals in templates in details
  • Technical Debts in Component Design using Angular