Frontend Weekly Digest #213 (1–6 June 2021)

Web-development

• Building multiple Progressive Web Apps on the same domain
• Front-End Testing is For Everyone
• Myth-busting: Jamstack can’t handle dynamic content
• History of the Web: Part 1
• Some of the Best Easter Eggs Hidden in Sites Across The Web

• Tools
  • Debugging iOS Safari
  • Serverless Functions: The Secret to Ultra-Productive Front-End Teams
• Performance
  • How To Fix Cumulative Layout Shift (CLS) Issues
  • CSS for Web Vitals
  • Request Quest: The game is pretty simple, look at some code & decide if it would trigger an HTTP request in the latest stable release of particular browsers.
• Accessibility
  • The perfect link
  • Disabling a link
  • We need to talk about WCAG.
• Effects
  • Inspirational Websites Roundup #26
  • CSS morphing
  • FBO Particles with Three.js

CSS

• CSS in SVG in CSS: Shipping confetti to Stack Overflow’s design system
• New CSS functional pseudo-class selectors :is() and :where()
• Trigonometry in CSS and JavaScript: Introduction to Trigonometry
• Trigonometry in CSS and JavaScript: Getting Creative with Trigonometric Functions
• The CSS Layout Generator is a tool for creating the CSS for layout components.
• Inherit, initial, unset, revert
• Hexagons and Beyond: Flexible, Responsive Grid Patterns, Sans Media Queries

JavaScript

• Making JavaScript run fast on WebAssembly
• Yet Another Javascript Alternative: ReScript
• A Look at Compilation in JavaScript Frameworks

• React
  • Journey of Improving React App Performance by 10x
  • How to Memoize with React.useMemo()
  • AtomicKafka — A lightweight npm package developed to simplify the process of establishing bi-directional, real-time data streaming с Apache Kafka in your web app
  • Dynamic vs Static Routing in React
  • Crack the React Interviews By Using Mindmap — Part 1, Part 2
  • Sharing Types Between Backend and Frontend with the BFF Pattern
• Vue
  • Managing Shared State In Vue 3
  • How to Migrate from Vue v.2 to Vue v.3 with a Simple Example Project
  • State Management in Vue 3 Applications
  • Migrating From Vue-CLI & Webpack to Vitejs
  • Smell jQuery like Vue, this small plugin is mgical!
• Angular
  • Why We Should Throw Out React and Pick Up Angular
  • What’s New in Angular 12
  • How to use ControlValueAccessor to enhance date input with automatic conversion and validation
  • The Famous Misconceptions in Angular
  • Angular Rocks: The History of Angular with Misko Hevery
• Ember
  • The Ember Times — Issue №181
  • Remodeling an Ember App — Introduction
  • How To Create Small, Fast And Cool Desktop Apps With Tauri And Ember.js
  • Connecting Ember.js with Phoenix
• Svelte
  • Svelte Motion — An animation library for Svelte-Apps based on Framer Motion.

Browsers

• What’s in the latest Firefox update? 89 debuts UI overhaul, Mozilla hopes to win back defectors
• What’s New In DevTools (Chrome 92)
• Firefox 89 arrives with further measures to protect you from tracking in incognito (APK Download)