Frontend Weekly Digest #306 (10–16 April 2023)

Web-development

• Using the Cookie Store API
• Diagonal Layouts in 2023
• Implementing Micro-frontends for Large Applications
• Scraping web pages with Puppeteer

• Performance
  • The Performance Golden Rule Revisited
  • More ways we’re making Chrome faster
  • Preloading responsive images

CSS

• Pure CSS Lightbox using :target and :has
• Material UI vs Tailwind CSS
• CSS Text balancing with text-wrap:balance
• 3 Methods for Scoped Styles in Web Components That Work Everywhere
• Understanding CSS preload and other resource hints
• Creating a custom CSS range slider with JavaScript upgrades
• What I Was Never Told About CSS
• Use CSS Color Like a Pro: RGB, HSL, HWB, LAB, LCH Explained
• Effects you can build with CSS without JavaScript
• It’s time to learn oklch color

JavaScript

• Forever Functional: Decorators — new style higher order functions
• 4 Ways to Create an Enum in JavaScript
• JavaScript Optimization Techniques for Faster Website Load Times: An In-Depth Guide

• React
  • Mastering React: Techniques to Take Your UI to the Next Level
  • As a Front-End Engineer, 4 React Traps You Should Know About
  • The Pitfalls of Using or Components in React
• Angular
  • Unit Testing in Angular 15 Without TestBed
  • Angular 16 is huge
  • How I work with Observables in Angular
  • Rendering images the Angular way
  • Signals Sub-RFC 3 — New Angular Reactive Approach or a Path to Confusion?