Docker Best Practices with Node.js

Patterns and practices with code examples on the ‘dockerizing’ of Node apps. It covers the basics but goes all the way to advanced decisions like how much and where to limit the container’s memory, using a process manager or having Node itself as the root process and more. - http://amp.gs/Xb0i

#nodejs

Lazy Load Images in Angular with Two Lines of Code

Image lazy loading defers the loading of an image that isn’t currently visible in the viewport. Such an image will be loaded only when the user scrolls and the image becomes visible. Using this technique, we can gain better performance and load time. - http://amp.gs/LIDA

#angular

11 Micro Frontends Frameworks You Should Know

Discover the best libraries and tools to build micro frontends. - http://amp.gs/LjJM

Records and Tuples for React

A look at a proposal currently progressing smoothly through TC39 and how records and tuples may eventually prove interesting for use with React. - http://amp.gs/L8Rn

#react

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/LTEJ

#vue

Creating a Discord Bot With Node.js

Using the Discord.js module. A thorough, easily followed screencast, but does run at over an hour. - https://www.youtube.com/watch?v=BmKXBVdEV0g

#nodejs #video

Modern Ways of End-to-End Testing with Cypress

v5.0 of the popular testing system has just come out but this post gently demonstrates what end-to-end testing is, how it relates to other forms of testing, and how to write your first Cypress powered tests for a web app. - http://amp.gs/L1lv

#cypress #e2e

CSS With Accessibility in Mind: Progressive Enhancement

Manuel Matuzovic outlines why we should build websites with a basic but resilient foundation that work in most browsers and then enhance them with design and visual improvements. - http://amp.gs/LYZV

#css

Stale-While-Revalidate Data Fetching Composable with Vue 3 Composition API

When building apps that rely on data from an API, two things are essential: we want our data to be fresh, and we want it fast. The stale-while-revalidate caching pattern helps us to strike a balance between both.

Learn how to use the Vue 3 Composition API to build a data fetching composable implementing the stale-while-revalidate pattern. - http://amp.gs/LYb2

#vue

Angular CLI Strict Mode. In Angular, we strongly believe in…

Angular CLI Strict Mode was announced in v10. It is a strict opt-in mode that allows us to perform more build-time optimizations and help you deliver faster apps with fewer defects. This mode is still only an opt-in because it comes with its trade-offs — stricter type checking and extra configuration. - http://amp.gs/LtE6

#angular

A Guide to Six Commonly Used React Component Libraries

There are literally hundreds of repos on GitHub all of which are intended to contribute something to the React ecosystem. The flipside of that excellent state of affairs, for the beginner, is precisely where to start your own React journey. The author offers an informed, experienced opinion of the landscape in the component library space. - http://amp.gs/LtoY

#react

An In-Depth Explanation of Promise.all and Comparison With Promise.allSettled

Covers both in a very gentle way – aimed at beginners. - http://amp.gs/LmE9

#javascript

AVIF Has Landed

Jake Archibald gives an excellent, in-depth introduction to AVIF, a new image format derived from the keyframes of AV1 video, already supported in Chrome 85. - http://amp.gs/LmFJ

#css

Building Flutter Apps with GraphQL in The Backend -http://amp.gs/LZf5

#flutter

Vue.js v3.0.0 One Piece Released

Today we are proud to announce the official release of Vue.js 3.0 "One Piece". This new major version of the framework provides improved performance, smaller bundle sizes, better TypeScript integration, new APIs for tackling large scale use cases, and a solid foundation for long-term future iterations of the framework. - http://amp.gs/LZ5L

#vue #release

Four useEffect Tips Every React Developer Should Know

Sometimes the flexibility React affords can be a little overwhelming for those who are just learning one of its concepts. Here, an experienced developer provides high level guidance as to the better alternatives in a dazzling array of options for the useEffect hook. - http://amp.gs/LpKR

#react

New possibilities with Angular's rendering and the push pipe - Part 1

The main idea behind the Angular push pipe is a new way of handling change detection locally instead of the global handling used in async pipe by Angular natively. It is implemented in a way we can get zone-less performance in zone-full applications. - http://amp.gs/LliT

#angular

How to Use CSS Masking

Rachel Andrew explains how to use the mask-image property in CSS, which lets you specify an image to use as a mask layer. - http://amp.gs/LBrQ

#css

How to Build a Low-Latency Serverless GraphQL API on AWS with Node, AppSync, Lambda, and DynamoDB

As long as you’re happy with the AWS ecosystem, there’s a lot to enjoy in this 28 minute video. AppSync, Lambda, and DynamoDB really allow you to pull together something quite powerful in a short period of time and AppSync handles most of the GraphQL heavy lifting. - https://www.youtube.com/watch?v=_9DFFg-pNss

#nodejs #video

Mastering Props And PropTypes In React

Props and PropTypes are an essential mechanism for communication between React components. This exhaustive and richly-detailed tutorial shows how to use them correctly. - http://amp.gs/LxfC

#react