Micro-Frontends at scale

How to leverage Micro-Frontends with Module Federation - http://amp.gs/jlgtv

#microfrontends

A Guide To Hover And Pointer Media Queries

Cristian Díaz explains how to adapt your sites to the different scenarios of a device pointer by using media queries hover, pointer, any-hover and any-pointer. - http://amp.gs/jlgE6

#css

A Fundamental Guide to React Suspense

After several years since it was first proposed, Suspense will finally be officially released with React 18. But what is it, why do we need it, what issues does it address, and what are the benefits? - http://amp.gs/jlgFF

#react

Better Code Generation in Angular CLI workspaces with Nx Devkit

Schematics in Angular provide a way to automate common tasks, such as generating files, reading, and updating… - http://amp.gs/jlEG0

#angular

Migrating from Angular to Vue: A Dashboard's Story

Planning is key when migrating a customer-facing dashboard from Angular to Vue. - http://amp.gs/jlErI

#vue

How to Manage Sessions using Passport, Redis, and MySQL

A practical walkthrough of creating a simple Express app with user credentials stored in MySQL, sessions in Redis, and Passport tying it all together. A commonly used pattern boiled down to the essentials. - http://amp.gs/jlEQd

#nodejs

Optimising Largest Contentful Paint

Harry Roberts looks at some more technical and non-obvious aspects of optimizing the Largest Contentful Paint. - http://amp.gs/jlVyq

#css

Liqvid 2.1: Create Interactive 'Liquid Videos' in React

The new version now lets you use the Web Animations API. It also includes a new useTime hook for prop-updating animation, improved usability as well as laying the groundwork for further future improvements. Remotion is another option to consider in this space focused more on rendered video. - http://amp.gs/jlV0J

#react

All You Need To Know About less known Angular Features

In this article, I will talk about some interesting features of angular that you can use in your application to make your code more standardized. These angular features can also help you in SEO, application performance improvements and in improving code readability. - http://amp.gs/jl9tO

#angular

WebGPU — All of the Cores, None of the Canvas

It’s always a pleasure to see Surma dig into something (especially Web Workers) and this time he turns to making the potential of WebGPU (an API that exposes the capabilities of GPU hardware that, admittedly, isn't available by default in any standard browser yet) more accessible to us all. - http://amp.gs/jl9Nw

#javascript

What's New in Node Core: March 2022 Edition

Rapidly approaching the start of its teenage years (yep, Node turns 13 this May), development of new features in Node isn’t slowing down at all, but what’s going on? This post rounds up some links to a variety of new improvements and reminds us that Node 18 is just around the corner. - http://amp.gs/jl95Q

#nodejs

How Vue Components Work

Components let us split parts of our site into reusable pieces which we can then place in multiple places. This can be incredibly powerful - and ultimately means reduced workload, as we can reuse code extensively. - http://amp.gs/jl4yp

#vue

How to Create and Validate a React Form with Hooks

There are libraries to abstract away a lot of this work (e.g. Formik) but if you want to do it by hand, as it were. - http://amp.gs/jl4WJ

#react

How to Use CSS Math Functions

Alex Ivanovs shows how to use the CSS logical functions calc(), clamp(), min() and max(). - http://amp.gs/jlRvj

#css

Event Emitters in Angular

When you start learning Angular one of the first things you learn is how to communicate between child and… - http://amp.gs/jlUTu

#angular

Build Serverless APIs with Node.js and AWS Lambda

An introductory look at how to create and deploy Lambda functions with Node and AWS SAM. - http://amp.gs/jlUD3

#nodejs #aws

Building Serverless Multi-Region WebSocket APIs on AWS

A look at an interesting (and very AWS-y!) architecture for a global real-time chat app by using WebSockets and cross-region communications behind the scenes. - http://amp.gs/jldlm

#javascript

How To Make A Drag-and-Drop File Uploader With Vuejs 3 - http://amp.gs/jldFL

#vue

An Introduction to AWS CloudFront Functions

CloudFront Functions allow you to deploy serverless JS functions to AWS’ network of edge locations to be executed as close as possible to end-users. Sounds like Lambda@Edge? The author explains the difference there too. - http://amp.gs/jlO4t

#aws

Writing a React Table of Contents Component

Although a table of contents can improve UX by letting readers jump directly to their preferred content, the setup and maintenance of such a control can involve a lot of drudge work. So why not have the table of contents (almost) look after itself? - http://amp.gs/jlrjP

#react

Resetting Inherited CSS with “Revert”

Scott Vandehey demonstrates how the revert keyword works in CSS. - http://amp.gs/jlrip

#css