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

👀 DerbyJS 4.0: The Mature MVC Web Framework

It’s never been the most popular of the frameworks, but Derby has lived through most of Node’s history and remains a viable option for building realtime, collaborative apps in particular. GitHub repo.

NATE SMITH ET AL.

❓ CHALLENGE

function Animal() {}

function Dog() {}

Dog.prototype = Object.create(Animal.prototype);

const rover = new Dog();

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

🤟 Five Node Version Managers Compared

In an ideal world, the latest version of Node would slot well into every project, but in reality we often need to switch versions, and a variety of tools are available to make it simple. NVM is perhaps the best known, but maybe N, FNM, Volta, or even pnpm could suit you better?

PAVEL ROMANOV

❓ CHALLENGE

function Person(name) {
  this.name = name;
}

Person.prototype.sayName = function() {
  console.log('My name is ' + this.name);
};

const john = new Person('John');

console.log(john.sayName === Person.prototype.sayName);

😉Postgres is all you need for your AI application (EN)

Varik Matevosyan
Software Engineer (Lantern, YC W24)

❓ CHALLENGE

function Shape() {}
function Circle(radius) {}
Circle.prototype = Object.create(Shape.prototype);
const shape = new Shape();
console.log(shape instanceof Circle);

🏤 Demystifying the push & pull nature of Angular Signals

Tomas Trajan

❓ CHALLENGE

const promise = new Promise((resolve, reject) => {
  setTimeout(() => reject(new Error('Error')), 1000);
});

promise
  .then(result => console.log(result))
  .then(result => console.log(result))
  .catch(error => console.error(error.message))
  .finally(() => console.log('Finally'));

😱 Development Notes from xkcd's 'Machine'

I bet many of you are fans of xkcd! For this year’s April Fools’ joke, they published ‘Machine’, a giant Rube Goldberg machine of sorts (explained here). With a lot of TypeScript up front and Haskell in the back, here’s how it works at a technical level. (GitHub repo.)

MAX GOODHART

❓ CHALLENGE

const promise = new Promise((resolve, reject) => {
  setTimeout(() => resolve(3), 1000);
});

promise
  .then(result => {
    console.log(result);
    return result * 2;
  })
  .then(result => {
    console.log(result);
    return new Promise(resolve => setTimeout(() => resolve(result * 3), 1000));
  })
  .then(result => {
    console.log(result);
  });

😉 Seamless Drag and Drop Between Applications

A fantastic demonstration of using browser APIs to create more elegant drag and drop experiences that even work across different browser windows or IFRAMEs, with Atlassian’s Pragmatic Drag and Drop library doing the heavy lifting.

ALEX REARDON

❓ CHALLENGE

const promise = new Promise((resolve, reject) => {
  setTimeout(() => reject(new Error('Rejected')), 1000);
});

promise
  .then(result => console.log(result))
  .catch(error => console.error(error.message))
  .then(() => console.log('After catch'))
  .then(() => console.log('After then'))
  .catch(error => console.error(error.message));