FRONT-END WEEKLY DIGEST (March 30 - April 5, 2020)

It's high time to check on the latest news and insights of the frontend industry. We have covered the most important updates on CSS, HTML, and JavaScript you can't miss. Stay tuned!

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
• Email Design Inspiration: 15 Best Email Campaign Examples By Type

• 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)

• Effects

  • 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