Frontend Weekly Digest #185 (16–22 November 2020)

Web-development

• Standardizing <select> And Beyond: The Past, Present And Future Of Native HTML Form Controls
• 9 New 2020 Browser Features You Probably Didn’t Know
• Unit Testing: Best Practices To Follow
• 1 Backend, 5 Frontends — Todo List with Rails, React, Angular, Vue, Svelte, and jQuery
• Backend or Frontend who owns the API orchestration layer?

• Performance
  • Welcome to the new GTmetrix — powered by Lighthouse
  • Google Lighthouse: Expectation vs. Reality
• Accessibility
  • Simulating color vision deficiencies in the Blink Renderer
  • 10 Foolproof Tips for Maximizing Website Accessibility
  • Under-Engineered Responsive Tables
• Animations
  • UI Interactions & Animations Roundup #12
  • Creating WebGL Effects with CurtainsJS

CSS

• A Complete Guide to CSS Gradients
• A Dynamically-Sized Sticky Sidebar with HTML and CSS
• Tailwind CSS v2.0
• What’s New in Tailwind 2.0
• Building Flexible Components With Transparency
• Color Theming with CSS Custom Properties and Tailwind
• Thinking Outside the Box with CSS Grid

JavaScript

• Announcing TypeScript 4.1
• The most accurate way to schedule a function in a web browser
• The case for Weak Dependencies in JS
• How to Create a JavaScript PDF Viewer
• The Top 3 New JavaScript ES 2021 (ES 12) Features I’m Excited About
• What’s the difference between Event Handlers & addEventListener in JS?
• How to Use Map, Filter and Reduce in JavaScript

• React
  • 7 JavaScript Features You Need to Know Before Learning React
  • A Thoughtful Way To Use React’s useRef() Hook
  • Importing React Through the Ages
  • How React Uses Closures to Avoid Bugs
  • How to Test React.useEffect
• Vue
  • Logging Vuex actions and mutations in the wild
  • Ionic Vue: The UI library for Vue 3
  • React vs Vue — A Quick Comparison (2020 Update)
• Angular
  • Compliant components: Declarative approach in Angular
  • Rendering dynamic components by selector name in Ivy
  • Localization in Angular Applications using RxWeb
  • Craft a complete GitLab pipeline for Angular. Part 1
• Ember
  • The Ember Times — Issue №168
  • Introducing ember-mirage-gen
  • We chose Ember in 2015 and it is still a good decision in 2020
  • How does @tracked and @cached work?
• Svelte
  • Multi-step forms w/ Svelte & TypeScript
• Libs & Plugins
  • ThreeJS starter
  • ts-standardx — Yet another customizable linter for TypeScript and JavaScript.
  • upptime — Uptime monitor and status page powered by GitHub
  • Harold is a CLI tool that compares frontend project bundles in size.

Browsers

• Tab throttling and more performance improvements in Chrome M87