Frontend Weekly Digest #169 (27 July — 2 August 2020)

Web-development

• The Renaissance Of No-Code For Web Designers
• Building a PWA was our best idea ever
• What is the difference between this & that?
• CS Visualized: CORS
• Building a PWA at Google, part 1
• We give up, Progressive Web Apps can track you, says W3C: After 5 years, it decides privacy is too much bother

• Tools
  • A Look at What’s New in Chrome DevTools in 2020
  • Webpack: A gentle introduction
• Performance
  • Infinite Scroll without Layout Shifts
  • Investigating Duplicate HTML Requests on a Page Load

CSS

• Getting the Most Out of Variable Fonts on Google Fonts
• Introspecting CSS via the CSS OM: Getting supported properties, shorthands, longhands
• PostCSS plugin to fix iOS’s bug with 100vh.
• What does 100% mean in CSS?
• Some CSS comics
• Using CSS to detect and switch website themes to match system preferences
• Want to get better at code? Teach someone CSS.
• Bold on Hover… Without the Layout Shift
• Why CSS Grid Layout doesn’t replace the framework’s grid

JavaScript

• style9: build-time CSS-in-JS
• Bringing Modern JavaScript to Libraries
• Stop duplicating constants between JS and CSS
• Developing and Deploying Micro-Frontends With Single-Spa
• whatthefuck.is · composition
• 10 Most Popular Javascript Interview Questions and Answers for Beginners PART 1
• 6 Most Popular Front-End Interview Questions and Answers for Beginners [PART 2]

• React
  • React: 50 shades of state
  • Modern React testing, part 4: Cypress and Cypress Testing Library
  • How and Why You Should Use React Query
  • React Guitar — A beautiful and flexible guitar component for React.
  • reactivue — Use Vue Composition API in React components
• Vue
  • I created the exact same app in React and Vue. Here are the differences. [2020 Edition]
• Angular
  • Angular Language Service for Visual Studio
  • Blogit — This is a personal blog CMS based on Github Pages and uses Github Issues as its repository.
  • The 10 best Angular tips selected by the community
  • 15 Surprising Stats About Angular
  • 11 Reasons Why You Should Use NGXS as State Management in Your Angular Apps
• Ember
  • Ember 3.20 Released
  • The Ember Times — Issue №158
  • ember-csz: A CSS-in-JS solution for styling in Ember
  • Ember Octane: A Brief Reactivity Overview
• Libs & Plugins
  • tinykeys — A tiny (~400 B) & modern library for keybindings.
  • moment-guess — A utility package for guessing date’s format
  • svelthree — Svelte powered three.js development

Browsers

• Firefox 79: The safe return of shared memory, new tooling, and platform updates
• Firefox 79 for developers