Frontend Weekly Digest #145 (10–16 February 2020)

Web-development

• 3 ways to serve fewer polyfills
• A Day in the Life of a Frontend Product Engineer at Slack
• What does Progressive Web Apps (PWA) development mean?
• Angular 9, Ionic 5, React Navigation 5 — Web Dev Update February 2020
• 11 Useful Online Tools for Frontend Developers

• Performance
  • Performant front-end architecture
  • JavaScript Best Practices — Performance
  • Introducing Page Speed Benchmarks — a new resource for the performance community
• Effects
  • Building an Images Gallery using PixiJS and WebGL
  • Where are all the animated SVGs?
  • How to Create a Physics-based 3D Cloth with Cannon.js and Three.js
  • UI Interactions & Animations Roundup #3

CSS

• Understanding CSS Grid: Grid Template Areas
• Styled Components vs. CSS Stylesheets
• Same HTML, Different CSS
• Toward Responsive Elements
• Chameleonic Header
• What is CSS4?
• How to Create a More Readable CSS
• While You Weren’t Looking, CSS Gradients Got Better
• CSS object-fit and object-position properties: Crop images embedded in HTML

JavaScript

• console.log isn’t in the JavaScript language
• New JavaScript features in ES2019(ES10)
• Why JavaScript is Eating HTML
• Announcing Ionic 5!
• UniversalModel — Unified state management for Angular, React, Svelte and Vue.

• Theory
  • 4 Methods to Search Through Arrays in JavaScript
  • How JavaScript Implements Object Oriented Programming
  • Understanding Quick Sort via JavaScript
• Svelte
  • Consuming REST APIs in Svelte
  • The Svelte compiler: Under the hood
• React
  • The Hooks of React Router
  • How to Build Forms with React the Easy Way
  • Create A React Custom Hooks For Your Web Components
• Vue
  • Knowing and developing filters in Vue.js
  • Setting Up API Mocking With Mirage JS And Vue.js
• Angular
  • Create Server-Controlled Remote Themes for Your Angular App
  • How to Use *ngIf else in Your Angular Applications
• Ember
  • How to over-engineer a static page
  • The Ember Times — Issue №134
  • What Makes a Good Reactive System?
  • Three Reasons to Switch to Angle Bracket Syntax in Ember Octane
  • JS Party — Episode #114: Octane moves Ember to an HTML-first approach
• Libs & Plugins
  • DotMatrx.js — utilizes SVG(s) instead of canvas for performance and development reasons.
  • esbuild — An extremely fast JavaScript bundler and minifier
  • plink-plonk.js: hear your DOM changes as different pitches of audio

Browsers

• Firefox 73 is upon us
• Firefox 73 for developers
• How I built my own browser
• Demystifying Browsers
• Mozilla lost the browser wars. It still thinks it can save the internet.