Frontend Weekly Digest #81 (29 October — 4 November 2018)

Web-dev

• Create your own dysfunctional single-page app in five easy steps
• Tags to DOM. HTML resources, and how the tags of HTML are transformed into the building blocks for what will eventually be presented on screen.
• The importance of standards in development teams
• How I Do Web Development from my iPad Pro Full Time

• Performance:
  • How we made Carousell’s mobile web experience 3x faster
  • 🚀 Performance as first class citizen — Chapter 1: continuous measurement and tooling
  • 2019 Is the Year of Page Speed. Are You Ready?
  • The Three Types of Performance Testing
• Tools:
  • 5 Ways DevTools Made My Life Easier
  • Introducing FuseBox, an alternative to Webpack
  • Storybook 4.0 is here!
• Accessibility:
  • The Web Accessibility Introduction I Wish I Had
  • 5 Digital Accessibility Myths Busted

CSS

• Implementing a variable font with fallback web fonts
• The CSS Working Group At TPAC: What’s New In CSS?
• On Switching from HEX & RGB to HSL
• How to Organize Your CSS with a Modular Architecture (OOCSS, BEM, SMACSS)
• How to write truly terrible CSS
• Simple Named Grid Areas
• Animated Grid Previews

JavaScript

• GraphQL — The good and the bad
• Navigating the Spooky World of JavaScript
• A personal review of automated testing tools in the JavaScript world
• The Complete JavaScript Handbook
• Listening to DOM changes by Javascript Web API, Mutation Observer (hint: It’s the best practice)

• Theory:
  • 4 Uses of JavaScript’s Array.map() You Should Know
  • The Evolution of Async JavaScript: From Callbacks, to Promises, to Async/Await
  • JavaScript design patterns
  • Copying objects in Javascript

• VueJS:
  • Demystifying Vuex — The state container for Vue
  • Voice-Controlled Web Visualizations with Vue.js and Machine Learning
  • Building a WordPress Plugin with Vue
  • Getting Your Company To Switch To Vue
  • Build a Single-Page App with Go and Vue
  • Vue API calls in a smart way
  • Full Stack Radio 99.5: Sébastien Chopin — Building Universal Vue.js Apps with Nuxt.js

• React:
  • Making Sense of React Hooks
  • React hooks: not magic, just arrays
  • Everything you need to know about React Hooks
  • Collection of React Hooks
  • A different way to manage state in React
  • The Love-Hate Relationship between React Router and React Components
  • Create React App 2.0: What’s New?
  • Lazy-loading components in React 16.6
  • Redux in a nutshell for React developers (hint: it’s not that complex)

• Angular:
  • Learn Angular 6 by building a full-stack application
  • What’s new in Angular 7.0 and how you can upgrade
  • Patterns for Using GreenSock in Angular
  • Learn to Build a Simple Progressive Web App (PWA) with Angular and Lighthouse — Hacker News Clone
• Libs & Plugins:
  • PWA Install Prompt
  • An introduction to plotly.js — an open source graphing library
  • simple-keyboard — the sleek virtual keyboard for Javascript. Compatible with your ES6, React, Vue, Angular or jQuery projects
  • ervy: bring charts to terminal