Frontend Weekly Digest #260 (16–22 May 2022)

Web-development

• An API for fast, beautiful web fonts
• Kubernetes For Frontend Developers
• Web Applications 101
• The balance has shifted away from SPAs
• An introductory guide to Contiuous Integration and Delivery/Deployment (CI/CD) for Frontend Developers
• The Surprising Truth About Pixels and Accessibility
• Image To Grid Transition

CSS

• Use CSS Grid to Make a Fixed Sidebar with Scrollable Main Body
• First Look At The CSS object-view-box Property
• Adding Tailwind CSS to New and Existing WordPress Themes
• Minify CSS — CSS Minifying and Compression Explained
• Improving Icons for UI Elements with Typographic Alignment and Scale
• :where() :is() :has()? New CSS selectors that make your life easier
• Building a button component
• Fun with CSS Combinators
• BEM vs. SMACSS: Comparing CSS methodologies

JavaScript

• You don’t need void 0
• GOV.UK drops jQuery from their front end.

• React
  • Building a rich text editor with Lexical and React
  • UseTransition() Vs UseDeferredValue() In React 18
  • An Ultimate Guide to Upgrading to React 18
  • Building a React Application with Vite
  • Build a React Timer Application with useRef
• Vue
  • Pinia, The New (and better) State Management System For Vue
  • Vue Use State Effect
  • Top 5 Vue animation libraries compared
  • Vue 3 was a mistake that we should not repeat
  • Vue’s Composition API Has Serious Issues
• Angular
  • Unleash the Power of DI Functions in Angular
  • Catching and handling errors in Angular
  • Typed Reactive Forms in Angular — No Longer a Type Dream 💭
  • How to Copy Text in Angular — The Definitive Guide
• Svelte
  • Building a CRUD application using Svelte and Firebase
• Libs & Plugins
  • DFlex — A Drag-and-Drop library for all JavaScript frameworks