Frontend Weekly Digest #31 (30 October–5 November 2017)

Web Development

• NEWS: Node.js 8 Moves into Long-Term Support and Node.js 9 Becomes the New Current Release Line
• What’s new in Node.js 9?
• Performance futures — Bundling
• The Definitive Guide To SEO In 2018

• AMP/PWA:
  • Microsoft’s Bold Plan to Bring PWAs to Windows 10
  • Safari service workers and other PWA good news stories
  • A new Angular Service Worker — creating automatic progressive web apps. Part 1: theory, Part 2: practice A full practical guide on new @angular #ServiceWorker: caching, push, updates
  • Shadow DOMs: Encapsulation in Progressive Web Applications
  • The meaning of AMP
• Tools:
  • SVGO 1.0.0 release
  • Next Level Webpack Dashboard
  • How to debug Front-end: Console
  • The VS Code Roadmap 2018
  • icongram — with icongram you can easily use icons from popular icon sets on the fly
  • Bootstrap 4 Buffet — A selection of Bootstrap 4 components with an easy to use code picker and code inspector.
  • gifski — Highest-quality GIF encoder based on pngquant
• Animations:
  • Kylo Ren CSS Page Preloader
  • Animating Clipped Shapes
  • Pure CSS 3D Movie Booking App UI

CSS

• How to write a JavaScript-free todo app using just HTML and CSS
• CSS in JS: Benefits, Drawbacks, and Tooling
• How to structure your CSS better as components
• The CSS attr() function got nothin’ on custom properties
• A Responsive Accessible Table
• Advanced CSS-Only Form Styling
• It’s hard to overcome the troubles of global CSS
• Flexbox and Grids, your layout’s best friends
• How Sass Can Save You a Lot of Time
• The CSS Holy War & How To Think Beyond Dogma

• Typography:
  • CSS font-display: The Future of Font Rendering on the Web
  • Gimlet Variable Font File Size Tests
  • Managing Font Loading CSS Was Painful — Not Anymore
  • Web Typography: Designing Tables to be Read, Not Looked At

JavaScript

• Emulating CSS Timing Functions with JavaScript
• Lambda Calculus with JavaScript. An introduction to the roots of functional programming
• Refactoring an old and broken library to using async/await with TDD

• Angular:
  • Version 5.0.0 of Angular Now Available
  • Angular v5 is Out! Here is How to Explore It
  • 18 Quick Tips for Improving Angular Performance
  • These 5 articles will make you an Angular Change Detection expert

• VueJS:
  • Demystifying Vue Lifecycle Methods
  • Build a Server-Side Rendered Vue App with Nuxt.js
  • Build 2048 with Vue.js
  • VueJs: Introduction to Vuex
  • Integrating React and Vue Components in One Application

• React:
  • The React Story: How Facebook’s Instagram Acquisition Led To The Open Sourcing of React.js
  • How JavaScript works: Deep dive into WebSockets and HTTP/2 with SSE + how to pick the right path
  • React Component Patterns
  • svgr — Tranform SVG into React components
  • Netflix functions without client-side React, and it’s a good thing
• Libs & Plugins:
  • Frappé Charts — GitHub-inspired simple and modern charts for the web with zero dependencies.
  • Introducing heatmaps in Mapbox GL JS
  • handorgel — Accessible W3C conform accordion written in ES6
  • Focusingly — A JavaScript library for better focus styling

Browsers

• Microsoft employee installs Chrome mid-presentation because Edge keeps crashing
  • Chrome 63 Beta: Dynamic module imports, async iterators and generators, Device Memory API, and permissions UI changes
  • Introducing new JavaScript optimizations, WebAssembly, SharedArrayBuffer, and Atomics in EdgeHTML 16
  • Release Notes for Safari Technology Preview 43

See more on https://www.zfort.com/blog/