Frontend Weekly Digest (27 May – 2 June 2019)

This week we issue a really huge selection of all the essential news you might have missed on Front-end development. Make sure to check the latest updates on CSS, HTML, and JavaScript.

Web-development

• The W3C vs. WHATWG war is finally over
• Mobile-First Indexing by default for new domains
• Getting Started with GraphQL: It’s pretty easy!
• How !important are we?
• Replacing JavaScript: How eBay made a web app 50x faster by switching programming languages

• Performance:
  • Announcing Cloudflare Image Resizing: Simplifying Optimal Image Delivery
  • Lighthouse plugin that displays the field performance of the page for real-world Chrome users over the last 30 days.
  • Your first performance budget with Lighthouse
  • Self-Host Your Static Assets
  

• Accessibility:
  • The difference between keyboard and screen reader navigation
  • Color contrast accessibility tools
  • Fix 85% of your Web Accessibility issues in 5 easy steps
  • Tabindex: it rarely pays to be positive
  

CSS

• Utility-first CSS: Ridiculously fast front-end development for almost every design
• Using the Grid Shepherd Technique to Order Data with CSS
• Understanding CSS Variables
• Custom multiline text underline with rounded caps
• xstyled — A new way to style components
• Why we prefer CSS Custom Properties to SASS variables
• The CSS background-image property as an anti-pattern
• Using the Grid Shepherd Technique to Order Data with CSS

JavaScript

• Announcing TypeScript 3.5
• Why I'm still using jQuery in 2019
• The Fastest Way to Render the DOM

• Theory:
  • 5 Ways to Convert a Value to String in JavaScript
  • Functional JavaScript: Five ways to calculate an average with array reduce
  • Implementing Private Variables In JavaScript
  

• React:
  • React 16 + Three.js integration tips (2019)
  • Typing React (1) – Basic
  • zoom-level — A comprehensive cross-browser package that allow you to determine page's and element's zoom level
  • Returning null from setState in React 16
  

• Angular:
  • Version 8 of Angular — Smaller bundles, CLI APIs, and alignment with the ecosystem
  • Angular & RxJS: Detecting Memory Leaks
  • Checking out Angular’s CDK portals
  •
  

• Ember.js:
  • Ember 3.10 Released
  • Ember-data: Turn Frustration