🌲 Node.js 22.0 (Current) Released

The latest major version of Node is here. Note that it’s a ‘Current’ release for now, so gets all the newest features first, but is due to become Node's main active LTS release this October. As an even numbered release, Node 22 should be around and maintained for a long time, most likely out to 2027 or so (see image above).

❓ CHALLENGE

console.log('Start');

setTimeout(() => console.log('Timeout'), 0);

Promise.resolve().then(() => console.log('Promise'));

function foo() {
  console.log('Function call');
}

foo();

console.log('End');

🔵 React 19 Now in Beta

While designed to get library developers prepared for the eventual React 19 release, this is nonetheless a huge step, with full support for Custom Elements (Custom Element support has long been a thorn in React's side), all the latest React Server Components goodies, Actions, use, and more besides.

THE REACT TEAM

❓ CHALLENGE

console.log('Start');

Promise.resolve().then(() => console.log('Promise'));

function foo(n) {
  if (n === 0) {
    console.log('End');
    return;
  }
  console.log('Function call');
  foo(n - 1);
}

setTimeout(() => foo(3), 0);

👀 I Reviewed 1,000s of Opinions on HTMX

htmx is an increasingly popular way to use modern, dynamic browser features through creative use of HTML attributes, rather than hand writing JS for everything. Dylan looks at the pros and cons through the lens of community sentiment.

DYLAN HUANG

🍊 extension.js: Zero-Config, Cross Browser Extension Dev Starter

The goal is to make it as simple as a npx extension create my-extension to get started with building your own browser extensions. GitHub repo.

CEZAR AUGUSTO

❓ CHALLENGE

console.log('Start');

Promise.resolve().then(() => console.log('Promise'));

const foo = n => {
  console.log('Function call');
  n > 0 && foo(n - 1);
};

setTimeout(() => foo(2), 0);

🍿 Emoji Mart 5.6

Emoji selection component for the Web.

❓ CHALLENGE

console.log('Start');

setTimeout(() => console.log('Timeout'), 0);

Promise.resolve().then(() => console.log('Promise'));

console.log('End');

😯 Virtual x86: x86 Virtualization with JS and WASM

Run Linux, numerous older versions of Windows, BSD, MS-DOS, and other systems right in the browser (and quickly, too). Not a new project, but I’m always impressed how it’s constantly getting updates. GitHub repo.

FABIAN HEMMER

❓ CHALLENGE

function Car(make) {
  this.make = make;
}

function Truck(make) {
  this.make = make;
}

const car = new Car('Toyota');
const truck = new Truck('Toyota');

console.log(car.__proto__ === truck.__proto__);
console.log(car.constructor === truck.constructor);
console.log(car instanceof Truck);
console.log(car instanceof Car);
console.log(Truck.prototype.isPrototypeOf(car));
console.log(Car.prototype.isPrototypeOf(truck));

❓ CHALLENGE

function Animal() {
  this.type = 'animal';
}

function Dog() {
  this.name = 'dog';
}

Dog.prototype = new Animal();

const rover = new Dog();
const spot = new Dog();

console.log(rover instanceof Dog);
console.log(rover instanceof Animal);
console.log(rover instanceof Object);

console.log(rover === spot);
console.log(rover.constructor === Dog);
console.log(rover.constructor === Animal);