An Introduction to Event Loop Utilization

Trevor Norris of the core Node.js team has put together a neat writeup of what he’s discovered by measuring and tracking what the event loop is doing. Gets very technical fast, but you might enjoy this brief trip to a fundamental piece of the Node runtime. - http://amp.gs/M1ne

#nodejs

Clamp

Trys Mudford demonstrates how to use clamp() to create harmonious and fluid typographic scales. - http://amp.gs/M122

#css

Getting Started with MDX and Vue.js/Nuxt.js

MDX enhances Markdown with the inclusion of JSX, allowing creators to have a more powerful tool for content authoring. - http://amp.gs/MYV9

#vue

Advanced Router Configuration In Angular

All of us use Routing as part of one or the other application to allow the user to navigate from one page to another via routes. Angular comes with a default solution known as RouterModule for implementing Routing in the application. - http://amp.gs/MYMc

#angular

How to Build a Full Stack App with AWS Amplify and React

A step-by-step tutorial on building a full-stack app with AWS Amplify tool and React, that includes loads of features that allow you to quickly and easily work with other AWS services and spend more time building the features that make your app unique. - http://amp.gs/MtsE

#aws #react

How to Handle Request Validation in Your Express API

“You know it’s important, but it’s difficult to pick a validation library, and if you start writing your own custom validation it can quickly start to feel very messy..” - http://amp.gs/Mmja

#nodejs

The Perfect Dark Mode for Next.js

Further to the dark mode theme we kicked off last week (but for Gatsby users), ‘perfect’ in this context means without the dreaded flicker of light mode thrown into the mix to spoil the whole thing. - http://amp.gs/MmUC

#react #nextjs

Accessible Web Animation: The WCAG on Animation Explained

Val Head explains what we can do to make sure our animations have a positive impact on accessibility. - http://amp.gs/MZtI

#css

Angular Elements and NgZone; Dynamic Content-Projection Solution

Content Projection is a way to insert a shadow DOM inside your Angular component. But unfortunately, we don’t see a dynamic <ng-content> available anywhere. This article is a walk-through to how to create a dynamic content projection solution using already available packages viz. Angular Elements and NgZone, and use it intuitively in your application. - http://amp.gs/MZ3O

#angular

Vue Tricks: Smart Layouts For Vue.js

This article explains how to create a layout system similar to Nuxt.js using Vue. - http://amp.gs/MpZx

#vue

How to Add Push Notifications to a Flutter App using Firebase Cloud Messaging - http://amp.gs/MpNG

#flutter

17 Pro JavaScript tricks you didn't know

This thought-provoking post by Rahul will increase your efficiency and productivity when coding JavaScript. - http://amp.gs/Mlp9

#javascript

11 Top Node ORMs, Query Builders & Database Libraries in 2020

Choosing an ORM or query builder for your app can be daunting, but this roundup from the folks at Prisma really went into some depth on the most popular options including Mongoose, Knex.js, Sequelize and, yes, Prisma (so take that natural bias into account). - http://amp.gs/Mlrn

#nodejs

Decouple Data From UI With React Hooks

Learn how to write a functional component leveraging the Fetch API to address both the data retrieval latency and the subsequent re-rendering of the component with the returned data. - http://amp.gs/MBjr

#react

Automatic Dependency Injection in Vue with Context

Learn how to implement Automatic Dependency Injection in Vue.js with the Context Provider Pattern. - http://amp.gs/MBDy

#vue

Advanced Level for Angular Reactive Form

A simple note that help developer walkthrough Angular Reactive Form - http://amp.gs/Mnv3

#angular

Progressive Web Apps in 2020

This was shared in one of the first few issues of the year. It offered a look back at what had happened in the PWA ecosystem so far, and offered a few pointers on what to expect in 2020 — worth taking another look at to see how things panned out. - http://amp.gs/MGgW

#pwa

Using Chrome DevTools to debug CSS Grid

Rob O’Leary explains how to use Chrome DevTools to debug common CSS Grid issues. - http://amp.gs/Mxvw

#css

Comparing Styling Methods In Next.js

Next.js offers a variety of options for styling on both the global and component level and this article looks at seven options and how to implement each of them. - http://amp.gs/MflH

#react #nextjs