FRONT-END WEEKLY DIGEST (December 16 - December 22, 2019)

Let's explore the most recent news and updates on frontend development. Today, we feature the core insights on CSS, HTML, abd JavaScript to help you stay on top of the industry most recent happenings!

Web-development

• My Perfect 2020 Stack: A New Stack for a New Generation
• How to Turn Your Website in a Progressive Web App (with code examples)
• Adding Dynamic And Async Functionality To JAMstack Sites
• How I built my second Progressive Web App (PWA)
• Chris Coyier: Is Web Design Easier or Harder Than it was 10 Years Ago?
• The modern web is becoming an unusable, user-hostile wasteland
• Service Worker Development Best Practices
• Scroll, Refraction and Shader Effects in Three.js and React

• Performance

  • Loading web pages fast on a $20 feature phone
  • Bundling JavaScript for Performance: Best Practices
  • Performance for Designers Part 1: Typography

CSS

• Dynamic, Date-Based Color with JavaScript, HSL, and CSS Variables
• <select> your poison
• Understanding positioning in CSS
• 3 underused CSS features to learn for 2020
• Creating a Checkbox Like it’s 2020
• Minimalistic icon library Designed by code. Customizable & Retina-Ready icons — entirely build in CSS
• A Modern Typographic Scale
• Flexible Captioned Slanted Images
• RTL Styling 101 - An extensive guide on how to style for RTL in CSS
• Alignment In Flexbox. Auto margins

JavaScript

• Looking into Svelte 3
• V8 release v8.0
• 2019 in Frontend Development: JS, TS, React, Vue & More
• State of JavaScript 2019
• Threading the web with module workers
• TypeScript Types Deep Dive - Part 2: The Absence of Value
• Looking at All 13 JavaScript Proxy Traps

• Theory

  • Five Interesting Ways to Use Array.reduce() (And One Boring Way)
  • Infinity in JavaScript
  • A case for using void in modern JavaScript

• React

  • Why Svelte won’t kill React
  • A 10 Line React Accordion Using Native HTML Tags
  • Two Lessons I Learned From Making React Components
  • How React Taught Me JavaScript
  • Best Practices for Handling a Form With Multiple Inputs Using React Hooks
  • How to Create a Serverless File-Management System With React

• Angular

  • A Guide to Building a PWA in Angular 8
  • Angular 9.0.0 and Ivy improvements

• Ember

  • Ember 3.15 "Octane" Released
  • Octane is Here
  • The most common Ember.js Octane mistakes and how to avoid them
  • Bringing clarity to templates through Ember Octane
  • Optimizing your App with EmberData (Part 1), Part 2

• Libs & Plugins

  • Moon phase widget for Website
  • Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.