Custom Decorators in Angular

Routine actions, repeated from time to time, lead to duplication of code and leave a bitter aftertaste of bad smell as the project grows. - http://amp.gs/2LRM

#angular

A Practical Guide to moment-timezone

If you like Moment’s approach to manipulating dates and times but work a lot with timezones, you might appreciate this extension which brings IANA’s time zone database to the party. - http://amp.gs/2WRQ

#nodejs

Track Your (Android) Smartphone in Physical Space with JavaScript

Leans on the Generic Sensor APIs so you’re limited to Android for now, but it’s fun to see the potential. - http://amp.gs/2ahk

#javascript

Context and Provider Pattern with the Vue 3 Composition API

Learn how to use the Vue 3 Composition API to replicate the React Context and Provider API. - http://amp.gs/2aL4

#vue

How to Use the React Testing Library

Being fully confident in React components requires a test regimen which enables you to experience the app as an end user would. This richly illustrated tutorial walks you though the React Testing Library. It just might make RTL your ‘go to’ testing library. - http://amp.gs/2oyI

#react

The Hamburger Menu

Mikael Ainalem shares a step by step guide to creating a Hamburger Menu in SVG & CSS. - http://amp.gs/2oMs

#css

Exporting a Web Page as PDF or PNG from Node

A walkthrough of using the Playwright browser automation library for fetching pages and creating screenshots of them, including dealing with cookies and auth. Browserless is also briefly covered for when you want to go into production. - http://amp.gs/2M7q

#nodejs

Quick Tip for Angular Forms: Keep your markAllAsTouched DRY

This article will help you keep your markAllAsTouched() dry when using Angular forms. - http://amp.gs/2M2L

#angular

How to Create a Web Worker-Driven Multithreaded Frontend App

It leans on an under-development Web Worker-driven framework called neo.mjs that promises “a new era of making better Web-based user interfaces.” - http://amp.gs/25Vh

#javascript

Hello!

We are excited to introduce Quarkly, a design tool for accelerated and optimized creation of React websites and apps.

Quarkly has the power of graphic and code editors and the speed of website builders.

To make the introduction to Quarkly fun, we are launching a prize-winning contest.

Create a React Component using Atomize →
Get Kudos From the Quarkly Team and win $100!

To enter the contest, visit https://u.to/-yb6GA

A Visual Guide to React Mental Models (Part 2)

We featured Part 1 back in Issue 186 and here’s part 2 of this comprehensive three part article which encourages the use of helpful mental images for useState, useEffect and Lifecycles. - http://amp.gs/2Qly

#react

Writing a Vue component using TDD: a gentle introduction

In this tutorial, you'll learn the basic concepts of Test Driven Development (TDD) building a simple Vue.js component with TypeScript, using Jest for testing and setting up coverage and Continuous Integration with TravisCI. - http://amp.gs/2cZY

#vue

Advice for Complex CSS Illustrations

Jhey Tompkins shares a set of techniques that will help you create complex CSS illustrations. - http://amp.gs/26Z1

#css

Testing Angular routing components with the RouterTestingModule

This article teaches us about shallow and integrated routing component tests. The RouterTestingModule is useful for integrated routing component tests. To learn what the RouterTestingModule does, we discuss the Location service and its dependencies. - http://amp.gs/2b8X

#angular

Testing in Parallel with Mocha v8.0.0

Discover how running tests in parallel mode allows Mocha to take advantage of multi-core (or multiple) CPUs resulting in significant speedups for many large test suites. - http://amp.gs/wI81

#nodejs

A Deep Dive Into Relay, the Friendly and Opinionated GraphQL Client

The Relay framework enables declarative management of GraphQL data. It has the potential to be a worthy addition to your React toolkit so long as you are prepared to got with its flow. They call it ‘opinionated’ for a reason. - http://amp.gs/wjjN

#react

Separating Core Logic and Framework Integrations

Write a simple useForm composable to integrate a framework-agnostic form validation library with Vue.js 3. - http://amp.gs/wjFn

#vue

153 JavaScript Questions (With Their Answers Explained)

Want to test your JavaScript knowledge? Whether for fun or a job interview, this is an interesting set of questions, complete with explanations of the answers. We first linked to this a year ago when it only had about 40 questions, so it’s grown a lot! - http://amp.gs/w8Fe

#javascript

Getting started with programmatic animations using the Angular Animations API

The @angular/animations package is a powerful tool that you can utilize to your advantage in creating great experiences for your users. A simple animation like fade in or fade out may prove to be super effective in upgrading your applications. Adding simple animations like this does not take longer than 10 minutes of development time, but it helps you to keep your users on your website a lot longer! - http://amp.gs/wT21

#angular