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

•

Real virtuality: connecting real things to virtual reality using web technologies
•

Extracting Text from Content Using HTML Slot, HTML Template and Shadow DOM
•

The state of web analytics
•

HMTL, CSS and JS in an ADD, OCD, Bi-Polar, Dyslexic and Autistic World
•

Browser DevTools Secrets: Start-up, Network and Performance
•

What's New In DevTools (Chrome 74)

CSS

•

Building Robust Layouts With Container Units
•

How to combine SASS color functions and CSS Variables
•

Mask Compositing: The Crash Course
•

Variable Fonts
•

RFS (Responsive Font Size) — a font size engine which automatically calculates the appropriate font size based on the dimensions of the browser viewport.
•

How to convince your team to adopt CSS Grid

JavaScript

•

A perfect guide for cracking a JavaScript interview (A developer’s perspective)
•

JavaScript Performance Pitfalls in V8
•

Maintaining large JavaScript applications. Lessons learned from long-term projects
•

When does JavaScript SEO matter?. The second episode of the JavaScript SEO series
•

TypeScript vs PureScript
•

JavaScript naming conventions: do’s and don’ts

Theory:
• Understanding Memoization In JavaScript
• JavaScript Fundamentals: Master the DOM! Part 1, Part 2
• Javascript Classes and Inheritance ES6, ES5
• Promises: The Definitive Guide. Learn Why They Kinda Suck :/
• How to use the apply(), call(), and bind() methods in JavaScript
• JavaScript Symbols: But Why?

VueJS:
• 10 Tips to Increase your Productivity when Coding in Vue.js
• Vue.js — How to Build Your First Package & Publish It on NPM
• Point of Vue — Part 3 — Facing React
• Shoptalk Show #350: Maintaining Vue.js with Evan You

React:
• useTypescript — A Complete Guide to React Hooks and TypeScript
• How Are Function Components Different from Classes?
• Create React App is Way Too Bloated
• Rendering large lists with react-window
• Unit Testing React Components
• My Intuition on When to Use Custom React Hooks

Angular:
• How to get the best performance out of your Angular apps
• Angular 8 Beta: New update scheme for Ivy in Angular 8.0.0-beta.7
• Top 10 ways to use Interceptors in Angular

Libs & Plugins:
• ThanosJS — Reduce the file size of your project down to 50%, by randomly deleting half of the files.
• Handtrack.js: Hand Tracking Interactions in the Browser using Tensorflow.js and 3 lines of code.
• iro.js — Color wheel widget for JavaScript — with zero dependencies and a lovely SVG-based UI

Animations:

•

Inspirational Websites Roundup #2
• Displacement Scroll
• CSS LEGO Minifigure Maker

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

Frontend Weekly Digest (4 – 10 Mar 2019)