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

👀 Pintora: An Extensible Text-to-Diagram Rendering Library

A similar idea to Mermaid but with a different attitude to extensibility as well as no requirement for a headless browser server-side. The intro docs have both visual and code examples.

HIKERPIG