HTML Snapshot Testing with Node

Using Node for snapshot testing of HTML files generated for inclusion in daily report emails. — http://amp.gs/4zOG

#nodejs

Form Validation with HTML & Vuejs

This article shows you how to leverage HTML5 validation in a Vue.js app, as well as how to override any boring defaults and display attractive error messages.
— http://amp.gs/41kj

#vue #forms

Preloading Fonts and the Puzzle of Priorities

Another on preloading. This one’s a thorough and detailed look at how <link rel=preload> behaves specifically in regards to fonts, concluding that there’s a case to be made for preloading one or maybe two critical fonts. — http://amp.gs/4YnE

#web #fonts

'We Migrated to Next.js to Serve Our Home Page 7.5× Faster'

Going from a basic React boilerplate to Next.js can yield key initial render time improvements, simply due to having the first part prerendered on the server instead. — http://amp.gs/4t7l

#react

Ten npm Security Best Practices

Concerned about npm vulnerabilities? This post covers a lot of ground from avoiding leaving secrets in published npm packages to disclosing vulnerabilities and using 2FA. — http://amp.gs/4mYm

#nodejs

10 Node Frameworks Worth Checking Out: Express, Loopback, Hapi, & Beyond

A basic run-down but might put some new things on your radar. — http://amp.gs/4Z1J

#nodejs

Simple state management in Angular with only Services and RxJS

One of the most challenging things in software development is state management. Currently there are several state management libraries for Angular apps: NGRX, NGXS, Akita… All of them have different styles of managing state, the most popular being NGRX, which pretty much follows the FLUX/Redux principles from React world (basically using one way data flow and immutable data structures).
— http://amp.gs/4pmH

#angular

Of Mice and BEM: Getting Past Common Problems With CSS Organization

Philip Zastrow addresses four common misconceptions about BEM and explains how and why the CSS naming convention of Block Element Modifier helps solve organizational thinking around class names. — http://amp.gs/4pMD

#css #bem

Creating Custom Directives in Vue.js

Directives are special attributes with the v- prefix. — http://amp.gs/4lW9

#vue

Using Node 11.7 Worker Threads with RxJS Observable — http://amp.gs/4Bur

#nodejs #rxjs

The Magic of React-Based Multi-Step Forms

One way to deal with long, complex forms is to break them up into multiple steps. — http://amp.gs/4ntW

#react #forms

Lifting the Veil: Insights into Angular’s EventManagerPlugin

In this article, Netanel will walk us through the steps of extending the Angular events system and providing our own custom events. But first we need to understand how Angular manages events.
— http://amp.gs/4n0I

#angular

How to Use Firebase Realtime Database in React

The last in a very thorough series of tutorials on building React apps on top of Firebase. — http://amp.gs/4GkI

#react

Using CSS Grid the Right Way

Violet Peña shows the most effective ways to leverage the CSS Grid spec. — http://amp.gs/4GDt

#css #grid

One More Example of Abstract Component in Vue.js

This is a brief tutorial on using abstract components with Vue.js to improve the readability of your templates and simplify your code.
— http://amp.gs/4xzO

#vue

Angular Revisited: Tree-shakable Components and Optional NgModules

NgModule is arguably one of the most confusing Angular concepts. Fortunately, Angular is moving towards a future in which we need Angular modules (NgModules) less often or not at all. — http://amp.gs/4xiy

#angular

The Node.js Benchmarking Working Group: Measuring Performance for a Speedier Node

The Node.js Benchmarking Working Group is dedicated to monitoring Node’s performance and helping in the efforts to improve it. This is only a brief intro to what they do but you’re encouraged to join the effort. — http://amp.gs/4fI4

#nodejs

Hooks Are Good, But Have You Tried Faster React Components?

5 simple tips to improve the performance of a React app. — http://amp.gs/4fRU

#react

CSS Selectors Level 4

Esteban Herrera gives an overview of the last generation of CSS selectors according to the Editor’s Draft specification as of January 2019. — http://amp.gs/4CZ5

#css

How I Increased 🚀 the performance of an EXTREMELY deeply nested Angular Reactive Form by 380%😲

Do you have a deeply nested data structure? Do you have to build a form around it? Is this form really slow to work with? Are your users complaining about it? Do you need an escape? WAIT! Siddharth is here to guide you home.
— http://amp.gs/4CLM

#angular