JavaScript

❓ 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));

😯 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

console.log('Start');

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

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

console.log('End');

🍿 Emoji Mart 5.6 Emoji selection component for the Web.

❓ 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);

🍊 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

👀 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

❓ 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);

🔵 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');

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

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

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

foo();

console.log('End');

🌲 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 1');
  Promise.resolve().then(() => console.log('Promise 1'));
}, 0);

Promise.resolve().then(() => {
  console.log('Promise 2');
  setTimeout(() => console.log('Timeout 2'), 0);
});

console.log('End');

We're officially 1 year old! 🎂 Together, we've laughed, learned, and shared countless moments that have made this past year truly productive. Your passion fuels our commitment to delivering content that inspires, entertains, and connects us all. Thank you for being a part of our journey. Here's to an even brighter future together! ✌️ Check out our emoji pack here ⚡️ Boost us in Telegram 🤝 Collaboration

🥶 TypeScript 5.5 Beta On the Node side, if you’re writing an ECMAScript module, you can now use named imports from TypeScript’s npm package. MICROSOFT