Scaling Accessibility With a Design System

Geri Reid shares a case study about her experience of learning how to design accessible web components, then scale their impact through a design system. - http://amp.gs/XQQ1

#css

Animating List Reordering with React Hooks

There seems to be no end to the uses for React Hooks. Starting with an Instagram Story-inspired bubble component, this article describes how Hooks are used to smoothly swap the bubble elements in a visually pleasing way. It may inspire your own similar efforts. - http://amp.gs/XcWU

#react

Build a Confirmation Modal in React with State Machines

React confirmation modals can be tricky, with useEffect and keeping track of shown/hidden, loading/not, and errors. State machines make it somewhat easier. - http://amp.gs/X6oJ

#javascript

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