Frontend Weekly Digest (21–27 January 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    |    CSS    |    Javascript 

Web-development

• The Great Divide. Two front-end developers are sitting at a bar. They have nothing to talk about.
• What we learned about 2019 developer hiring trends from analyzing 112,654 coding tests
• How to make VR with the web, a new video series
• How We Moved From Wordpress to React and Raised $80 Million

• Performance:
  • Web Page Usability Matters
  • Prefetching Links using Service Workers
  

• Tools:
  • Webpack: an unexpected journey
  • What's New In DevTools (Chrome 73)
  • Yarn's Future — v2 and beyond
  • rrweb ('record and replay the web'): a tool for recording and replaying users' interactions on the web.
  

• Animations:
  • Creating Your Own Gravity and Space Simulator
  • SVG Filter Effects: Outline Text with <feMorphology>
  • Les Animales 2019 — outstanding design and animations
  

CSS

• Table Design Patterns On The Web
• Animating CSS Grid
• Flexbox.ninja — a website made and hosted by Geoffrey Crofte to help you better understand CSS Flexbox Layout Module
• Gradians and Turns: the quiet heroes of CSS angles
• Your CSS Layout Toolkit for 2019 — Rachel Andrew
• Firefox DevTools for CSS authors
• Houdini Tutorial: CSS Painting and Custom Properties

JavaScript

• Why every new web app at PayPal starts with TypeScript
• What's New in JavaScript for 2019
• Diving into JavaScript: How to Create a Hex2RGB Color Converter
• Finding the Most Recurring Character

• TypeScript:
  • TypeScript ESLint — Monorepo for all the tooling which enables ESLint to support TypeScript
  • The TypeScript Tax
  • Functional TypeScript: TypeScript standard for rock solid serverless functions
  

• Node:
  • Free books: Node.js
  • Top 7 Node.js Frameworks for Developers
  • Instrumenting HTTP requests in node
  • Node.js multithreading: What are Worker Threads and why do they matter?
  

• Theory:
  • How to use destructuring in JavaScript (ES6) to its full potential
  • JavaScript iterator patterns
  • The Ultimate Guide to JavaScript Algorithms
  • What is tree shaking and how does it work?
  • 15 Useful JS Examples of map(), reduce() and filter()
  

• VueJS:
  • 10 Vue.js Pro Tips from Vue Masters
  • How to Tell If Vue.js Is the Right Framework for Your Next Project
  

• React:
  • React 16.6.0 Goodies
  • Email Confirmation with React
  • Understanding React Default Props
  • How to develop your React superpowers with the Context API
  • Using Content Editable Elements in JavaScript (React)
  • How to Understand Reducers: You Can Use Them Without Redux
  • Understanding Fragments in React
  • Why Isn’t X a Hook?
  

• Angular:
  • Angular 8: The 2nd beta is here and available for download
  • Angular 6 + Travis CI with Headless Chrome
  • Angular Optimization. Memoized pipe functions in templates.
  • Make Your Angular Form’s Error Messages Magically Appear
  

• Libs & Plugins:
  • Charting the waters (pt. 2): a comparison of JavaScript charting libraries
  • autoComplete.js — Simple autocomplete pure vanilla Javascript library
  • hotkey: trigger a action on element when keyboard hotkey is pressed