Frontend Weekly Digest #195 (25–31 January 2021)

Web-development

• Best practices for managing and storing secrets in frontend development
• Why You Should Use Picture Tag Instead of Img Tag
• Web platform’s hidden gems — Battery Status API
• Components: Server-Side vs. Client-Side
• Building a sidenav component

• Tools
  • Bringing Edge’s Developer Tools to VS Code for debugging Web Apps — a talk at VS Code Day
  • Cypress vs Selenium vs Playwright vs Puppeteer speed comparison
  • An Introduction to the Rollup.js JavaScript Bundler
  • January brings us Firefox 85
• Performance
  • Yelp reduced First Contentful Paint (75th percentile) by 45% and Yelp Page Complete (75th percentile) by 25% and saw a 15% improvement in their conversion rate.
  • Progressive Rendering for Better Web App Performance
• Accessibility
  • What does the Biden Presidency mean for accessibility?
  • How We’re Building Accessibility Into Amplitude’s Color System
  • React And Its Ilk Are NOT “Accessible”
• Effects
  • Inspirational Websites Roundup #22

CSS

• New aspect-ratio CSS property supported in Chromium, Safari Technology Preview, and Firefox Nightly
• How to select elements that are not children of other elements in CSS
• 5 Fun Games to Learn CSS Concepts
• It’s time we say goodbye to pixel units
• The Minimum Content Size In CSS Grid
• Animating a CSS Gradient Border
• Form Validation: You want :not(:focus):invalid, not :invalid
• CSS is awesome: A dark/light mode switch with preference detection in 15 lines of CSS

JavaScript

• 10 bad TypeScript habits to break this year
• Should You Compile Your JavaScript Code?
• Fetch vs Axios: Which Is the Best Library for Making HTTP Requests?

• Theory
  • Which type of loop is fastest in JavaScript?
  • What are three dots (…) in Javascript
  • Don’t use functions as callbacks unless they’re designed for it
  • undefined vs. null revisited
• React
  • Introduction to Aleph — The React Framework in Deno
  • React Snapshot Testing With Jest: An Introduction With Examples
  • The styled-components happy path
  • Tao of React — Software Design, Architecture & Best Practices
  • Why I’ve never used Redux. Chapter 1: The reasons
• Vue
  • Yes, this is how to use Vue JS with WordPress in 3 unique ways
  • Understanding Renderless Components in Vue
  • Build your own WYSIWYG markdown editor for Vue 📝👀
• Angular
  • RxJS Better Practice
  • What’s New in Angular Language Service in 2021
  • Subtle difference between map and pluck RxJS operators that you should know
  • Top 45 AngularJS Interview Questions with Answers
  • Angular Debugging Guides
• Ember
  • The Ember Times — Issue №172
  • What About Ember?
  • How to build a search experience
• Svelte
  • Why do I like Svelte