The Fastest Way to Render the DOM

Is the Virtual DOM, Tagged Template Literals, or Fine-Grained Observables the fastest? This article looks at a number of different DOM rendering techniques and benchmarks their performance. - http://amp.gs/OBIE

#vue

Function-Based Component API (Vue 3 RFC)

The function-based API is one of the most exciting proposals for Vue.js 3. Inspired by React Hooks, the new API presents a clean and flexible way to compose logic inside and between components with few drawbacks. - http://amp.gs/OBbb

#vue

Revisiting: Styling A Movie Cast List Using A Definition List And Flexbox

Ben Nadel shows how to style a Movie Cast List using a Definition List and CSS Flexbox. - http://amp.gs/On28

#css

A Guide to Rolling Your Own Node Authentication

The real title is “You don’t need passport.js” but while it’s a good exercise to implement your own authentication system to understand the details, middleware like Passport does make the process easier. - http://amp.gs/OG3j

#nodejs

Patterns for Promoting PWA Installation on Mobile

How to promote the installation of Progressive Web Apps and best practices to follow. - http://amp.gs/Oxiv

#web

Image Optimization In WordPress

Reducing the size of your images is a sure fire way to increase the speed of your website and lower the frustrations of your users. If you're running Wordpress (I'm guessing about 33% of you) then here's a few approaches you can use (non wordpress users will find it helpful too). - http://amp.gs/Ofmr

#optimization #images #wordpress

Building a Dynamic Tree Diagram with SVG and Vue.js

This article will take you through the author's journey into creating a dynamic tree diagram that uses cubic bezier curve paths and Vue.js for data reactivity. - http://amp.gs/Ofun

#vue

Baking Accessibility Into Components: How Frameworks Help

Hidde de Vries shares some thoughts on seeing declarative component frameworks as a way to make the web more accessible. - http://amp.gs/OCfM

#css

How to Use the Web Share API

This API provides a way to trigger the native share dialog of a device when sharing content, such as a link, directly from a website or web app. It's mostly focused on mobile use cases so far but the latest Safari build supports it too. - http://amp.gs/OCD0

#webapi

Mozilla Will Reportedly Launch a Paid Version of Firefox

A premium version of Firefox, offering a VPN and secure cloud storage, is expected to launch by October. - http://amp.gs/OktG

#news

Task Management Application Using Vue.js

The goal of this article is to help you understand the behind-the-scenes process of designing complex user interfaces and to pick up a few advanced tips such as drag-and-drop interface, form validation, bundle optimization and more. - http://amp.gs/OkLb

#vue

CSS Architecture — Folders & Files Structure

Elad Shechter shares some guidelines on defining a robust CSS architecture. - http://amp.gs/Oesg

#scss #architecture

A Guide to Creating a Custom useFetch React Hook - http://amp.gs/O7AQ

#react

Are Long JavaScript Tasks Delaying Your 'Time to Interactive'?

Chrome DevTools can now visualize ‘Long Tasks’ (code that causes the main thread to freeze, breaking the user experience) making it easier to debug and optimize away any problems. - http://amp.gs/OPqE

#javascript #devtools

Awesome Node: Almost 600 Curated Node Packages, Resources and Links

We link to this every now and then as it’s a truly definitive list of categorized Node resources and continues to be updated, pruned, and added to over time. - http://amp.gs/Oygi

#nodejs

Building a 0.7KB Reactivity System Similar to Vue

TOAST UI Grid is an independent library that does not rely on other frameworks. Learn how and why they're building their own reactivity system similar to Vue.js for the upcoming version 4 release. - http://amp.gs/OhEf

#vue

Rebuilding the Solar System with CSS

Rob DiMarzo shows how to build the planets in our solar system — complete with their relative rotation speed, tilt, and other photorealistic goodies — using only CSS. - http://amp.gs/Ovg8

#css

Optimizing Components with React.memo, useMemo, & useCallback

A brief look at a situation where you might want to apply some gentle optimizations when components are rendering more often than they need to. - http://amp.gs/OgBn

#react

A Guide to Angular 8's Differential Loading

Angular 8 now sends different bundles of code to different clients. Here’s the how and why, plus an Angular Auth0 tutorial tacked onto the end for some reason - http://amp.gs/OEGR

#angular

The Concept of 'Micro Frontends'

A look at a pattern aroundo splitging up your large, complex, frontend codebases into simple, composable, independently deliverable apps that integrate together. - http://amp.gs/OVxQ

#frontend