CSS: Flexible Repeating SVG Masks

Tyler Gaw shares a CSS technique for using SVG as repeating masks. - http://amp.gs/0iDU

#css

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

We link to this every year or so as it’s a truly definitive list of categorized Node resources and continues to be updated, pruned, and added to overtime. - http://amp.gs/0Dk8

#nodejs

Reactive State in Angular: Introducing Angular Effects

Angular is a powerful framework. It has observables, it has TypeScript, it has dependency injection. Great! But how do you manage state? We are left to figure this out for ourselves. - http://amp.gs/0DQP

#angular

Five Tips to Improve the Performance of Your React Apps - http://amp.gs/0uuG

#react

Building a Reusable Pagination Component in Vue.js

In this course, we'll be building a reusable Pagination Component. It will let the user: select the number of results per page; navigate to pages both directly and with 'next' and 'previous' buttons, and track their queries between page reloads via query params. - https://www.youtube.com/watch?v=M033S_-uHkQ

#vue #video

How to use CSS Scroll Snap

Nada Rifki shows how to customize scroll behavior using CSS Scroll Snap. - http://amp.gs/0JFr

#css

Build a Native Desktop GIF Searcher App using NodeGui

Atul Ramachandran demonstrates how to install NodeGui (a Qt-driven desktop app library) and use it to build a “meme searcher.” - http://amp.gs/00iJ

#nodejs

Code Tour: VS Code Extension to Record and Playback Guided Code Walkthroughs

This looks really promising for teams that want to help new hires get familiar with certain features of a codebase, essentially replacing actual training sessions. - http://amp.gs/005v

#vscode #extension

The correct way to make API requests in an Angular application

In this article, we will discuss how to execute requests in an Angular Application. - http://amp.gs/0KNN

#angular

Implementing Infinite Scroll And Image Lazy Loading

A tutorial on using the Intersection Observer API to implement infinite scrolling and image lazy loading in a functional component. - http://amp.gs/03Hk

#react

How to Build Vue Components in a WordPress Theme

Progressive enhancement is a feature of Vue that is not mentioned often, yet is one of the biggest strengths of the framework when it comes to adoption in large, already existing applications. It opens the way to progressively introduce Vue into your stack (even one page at a time without an additional build step) without having to rewrite the whole app at once. In this article, you can learn how to do that with a WordPress theme. - http://amp.gs/0H6v

#vue

How I Made a '3D' Game in Only 2KB of JavaScript

This is one of those detailed, fun, ‘learn a few tricks’ type walkthroughs. I’ve always been fascinated how people pull off various effects in games and how they get their code down to such small sizes. A fun read. - http://amp.gs/02cK

#javascript

Angular & CSS Grid: Dynamic Grid Properties

Investigate one way to dynamically modify CSS Grid Properties using Angular’s @HostBinding Decorator. - http://amp.gs/0FzL

#angular

A Complete Guide to calc() in CSS

Chris Coyier gives an excellent, in-depth guide to calc(). - http://amp.gs/0XEu

#css

Future-Proofing Firefox’s JavaScript Debugger Implementation

A run through some of the major improvements made to JavaScript debugging in the Firefox DevTools, including garbage collection, compartments, forced returns and exceptions. - http://amp.gs/0LER

#firefox #devTools

5 Recommended Tools for Optimizing React Performance

A good overview touching on Profiler, React’s developer tools, Bit (who, you should note, commissioned the article), why-did-you-render and the performance timeline in Chrome. - http://amp.gs/0WRW

#react

Why Svelte Is Our Choice for a Large Web Project in 2020

A thorough analysis of the pros and cons of picking Svelte over, say, React or Vue.js right now. - http://amp.gs/0aJa

#javascript #svelte

Howto Add TypeScript to Your Existing Vue Project

Here’s an interesting take on using TypeScript in a Vue project. Usually when people are talking about TS, they focus on creating a brand new application stack with TypeScript. In this article, Ville Säävuori focuses on how to add TypeScript gradually to an existing application. It also mentions several other resources where you can learn more. - http://amp.gs/0osk

#vue

How to Build a Tool to Record and Compare Google Lighthouse Reports

A particularly thorough, step-by-step guide showing how to create a Node-powered tool run Google Lighthouse performance audits from the command line. - http://amp.gs/0MoG

#nodejs

Angular: Recurring Problems I Face as a Front-End Consultant

Michele Stieven is a front-end developer and consultant in Italy. Over the last 2 years he's been working 90% of the time with Angular since it’s one of the most requested technologies in his field in Italy. He’d like to make a quick recap of the problems he's faced most as a consultant, and to address some issues or questions that he gets asked maybe too often! - http://amp.gs/0Qlf

#angular