Frontend Weekly Digest (4 – 10 Mar 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

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