Frontend Weekly Digest #162 (8 –14 June 2020)

Web-development

• Introducing the MDN Web Docs Front-end developer learning pathway
• New Node.js 14 features will see it disrupt AI, IoT and more, Node latest version report
• Striking a Balance Between Native and Custom Select Elements
• Supporting Dark Mode in Your Website
• 5 Myths About Jamstack
• Building a Progressive Web App and Deploying it

• Tools
  • µcdn: a live, bundlerless, alternative
  • starred_search — Search your starred repositories on GitHub for a keyword.
• Performance
  • Optimizing keyboard navigation using tabindex and ARIA
  • Legacy Applications and Accessibility
• Accessibility
  • Airplanes. Awesome story-telling animation with ScrollTrigger by GreenSock
  • How to Create a Motion Hover Effect for a Background Image Grid
  • Welcome to TitleRun — the game that only exists in your title bar

CSS

• How to use CSS Grid’s grid-template-area to reorder html elements based in viewport size
• Learn Z-Index Using a Visualization Tool
• CSS :is() and :where() are coming to browsers
• Cool Little CSS Grid Tricks for Your Blog
• How to Reverse CSS Custom Counters
• Grid for layout, Flexbox for components
• The Mad Magazine Fold-In Effect in CSS
• The Surprising Things That CSS Can Animate
• CSS Houdini
• CSS Viewport Units: A Quick Start

JavaScript

• Event listeners and garbage collection
• How to Get All Custom Properties on a Page in JavaScript
• A long list of (advanced) JavaScript questions, and their explanations ✨
• Understanding ES Modules in JavaScript
• How to Compare Objects in JavaScript

• React
  • React Security Vulnerabilities that you should never ignore!
  • Higher-Order Components In React
  • Recoil.js — The New, Better State Management Library for React
  • Build a Random Quote Machine with React
  • Optimizing React Performance : Part I
  • Optimizing React Performance: Part II
  • How to setup Redux with React (2020)
  • What is Storybook and How Can I Use It to Create a Component Library in React?
  • A practical guide to integrating Google Maps in React
  • How to Create an Ecommerce Site with React
  • 5 Alternatives to React Redux in 2020
• Vue
  • Why Did I Quit Vue for React?
  • Build Instagram Using TypeScript, Node, Express and Vue — Part 1
  • Awesome Vue 3 — A curated list of awesome things related to Vue 3
  • Exploring Vue-Multiselect
• Angular
  • Automatic Adaptive Images in Angular Applications
  • 10+ Best Articles to Learn Angular and Stay Up to Date in 2020
  • Pre-rendering in Angular 9
• Ember
  • The Ember Times — Issue №152
• Svelte
  • Svelte form validation with Yup
  • Svelte Routing with Page.js
• Libs & Plugins
  • jsgrids — A List of JavaScript Spreadsheets and Data Grid Libraries
  • Josh.js — A JavaScript library to animate content on page scroll.
  • johnny-five — JavaScript Robotics and IoT programming framework, developed at Bocoup