An introduction to Angular Template Syntax - JavaScript in Plain English

Angular is a popular front-end framework made by Google. Like other popular front-end frameworks, it uses a component-based architecture to structure apps. In this article, we’ll look at Angular template syntax. - http://amp.gs/0AS0

#angular

Vue.js 3 Course - Composition API, TypeScript, Testing

Take a look at what I consider to be best practices when writing tests for Vue components. We will also take a sneak-peak at the new version of Vue Test Utils, built-in TypeScript for Vue 3.0, and some of the new features. - http://amp.gs/0qEv

#vue #video

Should I useState or useReducer?

Two built-in React hooks that handle state.. but which should you use? An update on a post from last year. - http://amp.gs/0sUK

#react

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