Frontend Weekly Digest #152 (30 March — 5 April 2020)

Web-development

• Testing Strategies for Front-End Developers
• Responsive Images the Simple Way
• BEM Cheat Sheet
• Why Do Some HTML Elements Become Deprecated?
• 30 Web Development Checklists Every Team Should Keep Handy

• Tools
  • How to Set Up Your MacBook for Web Development in 2020
  • The tools for the job — How I code frontend apps in 2020
  • An Annotated Docker Config for Frontend Web Development
• Performance
  • Performance During a Pandemic
  • How to Improve Page Speed from Start to Finish (Advanced Guide)
• Accessibility
  • Performant Expandable Animations: Building Keyframes on the Fly
  • Inspirational Websites Roundup #14

CSS

• Overflow In CSS
• Getting JavaScript to Talk to CSS and Sass
• Reverse Engineering WhatsApp Web’s CSS
• 4 CSS Grid Properties (and One Value) for Most of Your Layout Needs
• LCH colors in CSS: what, why, and how?
• CSS Findings From The New Facebook Design
• CSS-Only Marquee Effect

JavaScript

• 10 New JavaScript Features in ES2020 That You Should Know
• Layout-isolated components
• How an anti ad-blocker works: Reverse-engineering BlockAdBlock
• Being a JS Developer, this is What Keeps Me Up at Night.

• Theory
  • Understanding Default Parameters in JavaScript
  • An introduction to Lambda Calculus, explained through JavaScript
  • Top Mistakes JavaScript Developers Make
• React
  • 9 Ways to Manipulate and Work With Components in React
  • Converting CSS In React to Styled Components
  • How to Move from Consuming Higher-Order Components to React Hooks
  • React debugging session — Why is this function called hundreds of times?
  • Building A Web App With Headless CMS And React
  • How to create a Coronavirus (COVID-19) Dashboard & Map App in React with Gatsby and Leaflet
  • Theming React Components with CSS Variables
• Vue
  • Clean, Scalable Forms with Vue Composition API
  • An Overview of What’s Coming in Vue 3
• Angular
  • Test-Driven Development Attempt With Jest and Angular
  • Speed Up Your Angular App — 14 Angular Optimization Tips
  • Containerizing Angular application for production using Docker
  • JSX For Angular Developers
• Ember
  • Ember Octane: Pulling Out Data
  • Porting a site to Ember using Percy
  • Say Hello to Theemo — the Yordle Powered Theme Automator
• Svelte
  • The Svelte Compiler Handbook
  • Svelte routing with page.js, Part 1
  • Svelte routing with page.js, Part 2
• Libs & Plugins
  • We released simdjson 0.3: the fastest JSON parser in the world is even better!
  • Notyf — A minimalistic JavaScript library for toast notifications. Responsive, A11Y, dependency-free.
  • Aeon — A lightweight date time picker built with web components that can be used anywhere