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
• 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
