FRONT-END WEEKLY DIGEST ( MAY 28 - JUNE 3, 2018)

9 amazing PWA secrets, new in Chrome 67, best resources to learn Vue.js in 2018, 44 quick tips to fine-tune Angular performance, 11 Javascript utility libraries you should know in 2018, and more. Enjoy reading!

Web Development

• New Releases: GSAP 2.0 Released, WordPress at 15, Announcing Lighthouse 3.0, Material-UI v1 is out, Announcing TypeScript 2.9
• Why is Front-End Development So Unstable?
• The Cult of the Complex by Jeffrey Zeldman.
• Building a responsive image. How to create a logo that responds to its own aspect ratio.
• 9 amazing PWA secrets
• Accessible Focus Indicators: Something to :focus on

• Performance:
  • prerender-loader! - Painless universal pre-rendering for Webpack. Improve first paint, often without a code change!
  • What Are Client Hints and Are They Worth Implementing
  • Reduce Image Sizes with Color Quantization 

• Tools:
  • To Yarn and Back (to npm) Again
  • Chrome 67 - What's New in DevTools
  • New in Chrome 67
  • Deploy your Webpack apps to Heroku in 3 simple steps

CSS

• Solving Life's Problems with CSS
• critters - A Webpack plugin to inline your critical CSS and lazy-load the rest.
• How CSS works: Understanding the cascade
• The State of Changing Gradients with CSS Transitions and Animations
• HSL() / HSLa() is great for programmatic color control

JavaScript

• #SmooshGate FAQ
• Modern JavaScript features which you should be using every day for better development and what problems do they solve.
• Best Practices for Using Modern JavaScript Syntax
• Capture and Report JavaScript Errors with window.onerror
• Flow Control in Modern JS: Callbacks to Promises to Async/Await

• ES2015+:
  • What's new in ES2017: Async functions, improved objects and more
  • ES6 (ES2015) and Beyond: Understanding JavaScript Versioning
  • ES6 in Action: Enhanced Object Literals

• VueJS:
  • Building Modern Applications with Django and Vue.js
  • Build a Realtime Chart with Vue.js
  • Best resources to learn Vue.js in 2018
  • From VanillaJS to Vue.js: A refactoring tale

• React:
  • Let's fall in love with React Fiber
  • Reach Router - a quick overview of the features and usage in Reach Router.
  • Next.js Tutorial: SEO-Friendly React E-Commerce SPA
  • react-ideal-image - An Almost Ideal React Image Component.
  • The most important lessons I've learned after a year of working with React
  • Understanding Redux: The World's Easiest Guide to Beginning Redux
  • Managing State in React With Unstated

• Angular:
  • NgRx — Best Practices for Enterprise Angular Applications
  • Angular + Redux — The lesson we've learned for you
  • 44 quick tips to fine-tune Angular performance

• Libs & Plugins:
  • proppyjs — Tiny JavaScript library for functional props composition. Supporting @ReactJS, @VueJS, @PreactJS, and @ReactiveX.
  • 11 Javascript Utility Libraries You Should Know In 2018
  • minipack — a simplified example of a modern module bundler written in JavaScript.