Frontend Weekly Digest #167 (13–19 July 2020)

Web-development

• Adding Augmented Reality to your Websites
• From Gatsby to Eleventy: Choosing a Static Site Generator for a Personal Site
• The State Of Pixel Perfection
• How to Migrate from Bootstrap Version 4 to 5
• Make Jamstack Slow? Challenge Accepted.

• Accessibility
  • The A11Y Project: 2020 Redesign
  • Button state and accessibility

CSS

• Style Stage — A modern CSS showcase styled by community contributions
• CSS leaning card effect
• Three CSS Alternatives to JavaScript Navigation
• Grids Part 1: To grid or not to grid
• CSS breakpoints used by popular CSS frameworks
• Backdrop Filter effect with CSS
• A CSS only “click to animate gif” solution
• How to Italicize Text
• Things I Wish I’d Known About CSS

JavaScript

• a closure, explained by Dan Abramov
• A Simple Explanation of Event Delegation in JavaScript
• 34 most popular JS repositories on GitHub in June 2020
• 14 JavaScript Code Optimization Tips for Front-End Developers
• 8 silly JavaScript projects that will put a smile on your face
• Eliminating duplicate objects: three approaches

• React
  • Methods Of Improving And Optimizing Performance In React Apps
  • React Spectrum — a collection of libraries and tools that help you build adaptive, accessible, and robust user experiences
  • Why I Converted from Vue to React
  • A look at React Router 6
• Vue
  • You Might Not Need Vuex with Vue 3
  • Vue 3 is now in RC!
  • Using IntersectionObserver With Vue.js
  • A View on New Vue: What to Expect in Vue 3
• Angular
  • A misconception about Angular life-cycle methods
  • Hack Angular Forms With Rxjs 🔥
  • Creating a Custom Library with Angular
• Ember
  • The Ember Times — Issue №156
  • How do Ember Modifiers get to be managed internally?
  • Using ember-concurrency with TypeScript
• Svelte
  • Lazy Loading Images in Svelte
  • Interactive Maps with Leaflet and Svelte
  • Responsive Svelte (exploring Svelte’s reactivity)
• Libs & Plugins
  • uvu — an extremely fast and lightweight test runner for Node.js and the browser
  • form-validation.js — The most customizable validation framework for JavaScript.
  • An Introduction To Stimulus.js, a modest JavaScript framework that compliments your existing HTML.
  • Bree — the best job scheduler for Node.js with support for cron, dates, ms, later, and human-friendly strings
  • Bumblebee — JavaScript Voice Application Framework
  • Recreating Facebook’s Recoil library