Frontend Weekly Digest #125 (23–29 September 2019)

Web-development

• Going offline with microformats
• Complete Guide to Responsive Images!
• More options to help websites preview their content on Google Search
• Do you really need a PWA? Here are four questions to help you decide.
• Frankenstein Migration: Framework-Agnostic Approach (Part 1), (Part 2)
• Why Progressive Web Apps Are The Future of Mobile Web
• A guide to implemen­ting dark modes on websites
• Podcast “Web-standards” — 194. Eric Meyer and Max Böck on HTML, CSS, and Web standards

• Tools
  • Run Lighthouse in CI using Github Actions
  • Image and Video sizesfor Social Media.
  • navi — An interactive cheatsheet tool for the command-line
  • Image actions — Image actions will automatically compress jpeg, png and webp images in GitHub Pull Requests
• Performance
  • Investigate animation performance with DevTools
  • Performance metrics for blazingly fast web apps
  • Is It Time to Embrace AMP?

CSS

• Using the Google API to access variable fonts.
• Smarter custom properties with Houdini’s new API
• How CSS Grid changes the way we think about structuring our content

JavaScript

• JavaScript in 3D: an Introduction to Three.js
• New and potential ES2019 JavaScript features every developer should be excited about
• 6 Things you probably did not know javascript could do natively
• Filtering Data Client-Side: Comparing CSS, jQuery, and React

• Theory
  • Chaining styles with a JavaScript Proxy
  • An Explanation of How the Intersection Observer Watches
  • The Weird World of Infinity in JavaScript
• React
  • Thinking in React Hooks
  • Finite State Machines in React
  • How to Solve Render Props Callback Hell
  • React & SEO: Crafting Next.js SPAs Optimized for Google
  • Recursion in React: Render Comments with Nested Children
• Vue
  • How to structure your Vue project for the long term
  • 15 Must-Have Vue Directives That Will Significantly Maximize Your Productivity
  • Building Chrome Extensions with Vue.js
• Angular
  • How To Use Components Recursively in Angular
  • Angular and Accessibility: Issues and Strategies
  • How To Handle Async Providers in Angular
• Ember
  • Ember 3.13 Released (Octane Preview)
  • Promises and UI states in Ember.js
  • JSJ 395: The New Ember with Mike North
  • Animating Across Routes with Ember Animated