React Server Components: A Primer

The co-founder of the Plasmic visual page builder app takes us on an exploration of React server components (currently an experimental feature in React 18) and how they tick under the hood. - http://amp.gs/jZ1dE

#react

Inline SVG Icons in VueJS

If you use icons, you will be familiar with the situation where you are managing more than ten icons. And then you have a choice: Icon font or SVG icon? - http://amp.gs/jZYeH

#vue

Getting Started With CSS Cascade Layers

Stephanie Eckles gives a fantastic introduction to Cascade Layers, a new method of cascade management in CSS. - http://amp.gs/jZY3f

#css

Avoid cache trap when serving Angular app

Avoid Angular cache issues caused by cached inxed.html. Make sure your users get the latest version of your… - http://amp.gs/jZtG7

#angular

On Grouping Arrays with .groupBy() and .groupByToMap()

A helpful proposal to be aware of (and, perhaps, support) but it’s still going through the TC39 process. - http://amp.gs/jZtHu

#javascript

Mastering the Art of Forms in React

The author asserts that most React developers are making forms much harder than they need to be. Through a series of progressively more complex examples—each of which is accompanied by its own CodeSandbox demo—the article explains how to achieve a high level of form capability without resorting to labor-intensive controlled inputs. - http://amp.gs/jZmtC

#react

A Guide to Node.js’ Event-Driven Architecture

Most of Node.js’ objects — like HTTP requests, responses, and streams — implement the EventEmitter module so… - http://amp.gs/jZmS5

#nodejs

CSS Fingerprint

Oliver Brotchie explains how it’s possible to track and gather information on site visitors using the CSS Fingerprinting technique. - http://amp.gs/jZZGx

#css

Vue.js Script Setup in Less than 5 Minutes

Learn how to use the Vue.js script setup syntax for making the most out of the Composition API in under 5 mintues. - http://amp.gs/jZpjE

#vue

Angular extended diagnostics

Automatically detect common non-obvious and error-prone patterns in Angular templates. - http://amp.gs/jZpLI

#angular

Building a Real App with React Query

React Query is intended to simplify your app’s interaction with asynchronous data sources. This detailed tutorial takes us through the full cycle of development of an appointment app which uses it. - http://amp.gs/jZlK1

#react

The Optional Chaining Operator, “Modern” Browsers, and My Mom

Some unsupported JavaScript syntax caused an entire website to fail on two seperate hardware devices. A story of device obsolescence, accessibility, and progressive enhancement. - http://amp.gs/jZB48

#javascript

The Fetch API Comes to Node Core (and Why You Should Care)

Support for the Fetch API (as commonly used browser-side for fetching resources) has been merged into Node.js and will be available behind a ‑‑experimental‑fetch flag until, hopefully, being enabled by default in Node 18 and beyond. - http://amp.gs/jZne5

#nodejs

Set up Tailwind CSS with Angular in an Nx workspace - http://amp.gs/jZGln

#angular

Building a Theme Switch Component

Adam Argyle gives a foundational overview of building an adaptive and accessible theme switch component. - http://amp.gs/jZG5n

#css

From My Point of Vue: Vue 3 Ecosystem

In this post, we'll take a look at the recommendations for the Vue 3 ecosystem, how the ecosystem looks like right now, and what are we missing for stability. - http://amp.gs/jZxLD

#vue

Good Advice on JSX Conditionals

“Time after time I shoot myself in the foot with JSX conditionals. In this article, I look at the trickier corners of JSX conditionals, and share some tips for staying safe”. - http://amp.gs/jZf34

#javascript

Tree Lists with Indeterminate Checkboxes in React

“Semi-checked checkboxes”—which represent underlying conditions which are not entirely ‘checked’ or ‘unchecked’—can be tricky to represent in a tree list. Here’s one way to do it. - http://amp.gs/jZC4k

#react

Top 100 npm Package Maintainers Now Must Use 2FA

We mentioned npm’s forthcoming enhanced security procedures a while ago, and now they’re beginning to roll out in a phased manner. The maintainers of the top 100 npm packages judged by number of dependent projects now have to use two-factor auth, but all package maintainers need to be aware of the forthcoming changes outlined here. - http://amp.gs/jZkFr

#nodejs