Frontend Weekly Digest (12 – 18 August 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

• Deep Dive Into Modern Web Development
• What is GraphQL: History, Components, and Ecosystem
• Parcel 2.0.0-alpha.1 is here!
• Awesome Demos Roundup #7

• Performance:
  • Fantastic Front-End Performance Tricks & Why We Do Them
  • Learn all about wrangling third-party JS: What&why, DevTools tips&tricks, Things to put in your code, Glitch playground
  • Performance Testing — Tools, Steps, and Best Practices
  • Lazy load embedded YouTube videos
  

CSS

• Chrome is planning to implement CSS Modules, a draft by Microsoft, that allows to import styles for components from an external file instead of inlining CSS in JS
• The Differing Perspectives on CSS-in-JS
• Why Browsers Download Stylesheets With Non-Matching Media Queries
• Multiline truncated text with “show more” button (with just CSS)
• What the CSS — Implementing Trigonometry in SCSS, and lessons learnt
• 2019 Checkbox Styled — Accessible, Simple, CSS-only
• Variable Font Animation with CSS and Splitting JS
• Contextual Utility Classes for Color with Custom Properties
• extra.css — A CSS Houdini library for making your site a little more #extra.

JavaScript

• V8 release v7.7
• The history and legacy of jQuery
• Comprehensive and exhaustive JavaScript & Node.js testing best practices (August 2019)
• Typescript in the real world — Why and how you should use it
• How I rewrote our codebase to TypeScript in a week
• 5 Interesting Uses of JavaScript Destructuring
• How to Build a Cipher Machine with JavaScript
• 13 Tips to Write Faster, Better-Optimized JavaScript
• All the New ES2019 Tips and Tricks

• React:
  • Introducing the New React DevTools
  • Announcing the Ionic React Release Candidate!
  • What's New in React 16.9: The UNSAFE Update
  • Draggin’ and Droppin’ in React
  • Modern React testing. Part 1: best practices. Part 2: Jest and Enzyme
  

• Angular:
  • Introducing Transloco: Angular Internationalization Done Right
  • Getting Started with Nx in Angular
  • The Best Way To Lazy Load Angular Elements
  • It’s time to say thank you to the Angular CLI Team!
  

• VueJS:
  • How To Use Vuex to Store State in JavaScript
  • A Comprehensive Guideline On How To Build Real-Time PWAs Using Vue CLI 3.0
  

• Ember:
  • Octane is coming in v3.14
  • How To Write A Really, *Really* Ambitious SPA in 2019
  • Ember-Backstop Visual Regression Testing Tutorial
  

Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.