Frontend Weekly Digest #190 (21–27 December 2020)

Web-development

• How to Favicon in 2021: Six files that fit most needs
• A Beginner’s Guide to the Micro Frontend Architecture
• 2020 Roundup of Web Research
• Is Safari the next Internet Explorer?

• Tools
  • A few web console tricks
  • Type Scale Clamp Generator
• Performance
  • How To Optimize Progressive Web Apps: Going Beyond The Basics
  • Continuous Performance Analysis with Lighthouse CI and GitHub Actions
  • Converting and Optimizing Images From the Command Line
  • We rendered a million web pages to find out what makes the web slow
  • Web Vitals from Google to Measure User Experience
  • HTML and CSS techniques to reduce your JavaScript
• Accessibility
  • How Discord Implemented App-Wide Keyboard Navigation
  • Creating a Web for the Next Billion Users, Part 2: Effective Styling for Accessibility
  • 2021 accessibility predictions

CSS

• Acing CSS Grid Model in 2021 with 5 Exercises || CSS 2021
• CSS Frosted glass credit card
• Debugging CSS

JavaScript

• React Native at Wix — The Architecture II (Deep dive)
• JavaScript Frameworks, Performance Comparison 2020
• Cut, Copy and Paste in JavaScript with the Clipboard API
• How I Became 10X More Productive As A JavaScript Developer
• Everything About Callback Functions in JavaScript
• JavaScript ES6 Classes Explained With Examples
• Basics of JavaScript Pure Functions

• React
  • React Server Components
  • An Annotated Guide to React Server Components
  • React Performance Optimization Tips
• Vue
  • What’s Coming To VueX?
  • State Management in Vue 3
  • A deep dive into Vue slots
  • Do you really need Vuex?
  • Why we still need state management systems in Vue 3 — but not the way you think 🐣
• Angular
  • Managing SVG Icons in Your Angular App
  • 29 Angular Interview Questions To Prepare For
  • Improve Angular Performance by understanding Change Detection
• Ember
  • Building a Router component for Glimmer.js
  • Understanding args in Glimmer Components
• Svelte
  • Integrating TypeScript with Svelte
• Libs & Plugins
  • Dann.js — Neural Network library for Javascript
  • localForage: Managing offline browser storage