I Watched All The Chrome Dev Summit Vids So You Don’t Have To

The takeaway: Google wants you to build PWAs, reduce JS file size, use Web Components, and configure your forms to support autofill. - https://goo.gl/fra55T

#chromeDevSummit

Build A Collapsible Tree Menu With Vue.js Recursive Components

A recursive component is one which invokes itself and is useful for displaying comments on a blog, nested menus or anything where the parent and child are the same. In this tutorial, I’ll give you a demonstration of how to build a collapsible tree menu. - https://goo.gl/JVA9Mj

#vue

Web Typography: Designing Tables to be Read, Not Looked At

Richard Rutter goes deep on how to improve the readability of your data tables. - https://goo.gl/745po3

#typography

Building a Fast Search Experience

How popular car selling platform Auto Trader created a high-performance search experience that regularly returns results in less than a second. - https://goo.gl/KZQvbV

#web

Debugging React Like a Champ with Visual Studio Code

A guide to ‘supercharging’ your React workflow using Microsoft’s open source code editor and its debugger. - https://goo.gl/J71yc3

#react #debugging

Angular 5.0 Released: Smaller, Faster and Easier

A major release for the popular framework containing new features and bugfixes. - https://goo.gl/F5vifV

#angular5

Advanced Vue.js Concepts: Mixins, Custom Directives, Filters, Transitions, and State Management

Vue.js is an easy framework to pick up. But very few tutorials cover advanced concepts of Vue. Ogundipe Samuel covers some of these concepts with interactive examples. - https://goo.gl/zNEFnA

#vue

The Accessibility Cheatsheet

A helpful overview with some simple things you can do to take positive steps towards a more accessible web. From 2015, but worth revisiting. - https://goo.gl/GeJZiF

#web

Structuring Async Operations in React/Redux Applications -
https://goo.gl/syuSoC

#react #redux

Frappe Charts: Modern GitHub-Inspired Web Charts

A new zero-dependency chart library with elegant, responsive SVG output. Offers bar, line, and GitHub-style heatmap options so far. - https://goo.gl/Do8kFT

#frappeChart

Models and Collections for Vue.js

This new library for Vue.js helps you manage the relationships between data, component states, and the actions that affect them. It’s especially useful for larger applications. - https://goo.gl/7p9kCA

#vue #mvc

9 Principles of Mobile Web Design

Revisiting a golden oldie that tells us to keep menus simple, keep forms short, have obvious calls to action, plus more mobile Web common sense. - https://goo.gl/PyAEtp

#mobile #design

Impress Your Friends With Code Splitting in React

Burke Holland set out to learn the minimum necessary to demonstrate code splitting in React, and here’s what he learned. - https://goo.gl/8vd9QP

#react

React 16.1.0 Beta Released - https://goo.gl/kQcZ6i

#react #release

Microsoft’s Bold Plan to Bring PWAs to Windows 10

I recently spoke with Microsoft’s Jeff Burtoft and Aaron Gustafson about the company’s plans to bring Progressive Web Apps to Windows 10. -
https://goo.gl/1igJk1

#pwa

Workbox: An Easier Way of Adding A Service Worker to Your Web App

How to use the ‘Workbox’ JavaScript toolbox to easily add service workers to your progressive web apps. - https://goo.gl/Gv7MQU

#serviceWorker

react-mosaic: A React Component Tiling 'Window Manager

Give your app’s users control over their workspace within your app. -
https://goo.gl/1sRswh

#react #component #mosaic

Node v9.1.0 (Current) Released

OpenSSL upgraded, the http module now supports the 103 (Early Hints) status code, and you can now set a stack trace limit in NODE_OPTIONS. - https://goo.gl/ewZqXX

#nodejs #release

Build A Lazy-Load Router With Vue.js And The Latest Browser Features

Dynamic module importing is one of the latest JavaScript features to hit the major browsers. In this article, I’ll demonstrate how you can build a lazy-load router with Vue.js that works natively in supported browsers. Without having to polyfill a module loading system, you can create this with just a few lines of code! - https://goo.gl/iKdWi5

#vue #router