Frontend Weekly Digest #269 (18–24 July 2022)

Web-development

• Tools
  • Powerful Image Optimization Tools
  • Rethinking Device Emulation in browsers
  • Upgraderoo — Update NPM packages with ease.
  • Managing a full-stack, multipackage monorepo using pnpm
  • Bun: The JavaScript runtime taking on Node.js and Deno
• Accessibility
  • Offering a Dark Mode Doesn’t Satisfy WCAG Color Contrast Requirements
• Effects
  • Tiny Grid Layout Animation
  • CSS Awesome Sticky Bubble Effect

CSS

• How to Center a Div with CSS — 10 Different Ways
• Logical Properties for Useful Shorthands
• Pure CSS Scrolling Indicator Effect
• Pure CSS for incredible mouse follow effect
• Fantastic CSS border animation
• Amazing! Implementing artistic graphics with CSS

JavaScript

• JavaScript Types and Values, explained
• Building accessible user interface tabs in JavaScript
• JavaScript SDK “Package Size is Massive” — So we reduced it by 29%
• Javascript obfuscation techniques by example
• Sometimes You Don’t Need JavaScript At All
• S.O.L.I.D Principles with JS examples

• React
  • How to Build a Skeleton Loader with React
  • Understanding React dynamic imports for faster websites
  • Understanding React higher-order components
  • How to use Redux in Next.js
  • Architecting React Apps Like it’s 2030
• Vue
  • Rendering real-time data with Vue, Node, and socket.io
  • Build 3D visuals in Vue with Lunchbox.js
• Angular
  • Why I Chose Angular to Build a URL Shortener
  • Wrapping Imperative APIs in Angular
  • How I optimized my Angular website
  • Should You Use Angular In 2022
  • Design better Angular components
  • 5 Angular performance enhancements in 2022
• Svelte
  • Introduction to SvelteKit with Nacho Falk | JavaScript Marathon
  • Best of Svelte and SvelteKit
• Libs & Plugins
  • How to Choose the Right UI Component Library
  • RedwoodJS vs. BlitzJS: The Future of Fullstack JavaScript Meta-Frameworks