😉 From Node.js to Deno: How It All Began

A brief nine minute documentary exploring the origins of Deno with Ryan Dahl and Bert Belder. A good, quick way to get up to speed with the motivations behind the alternative JavaScript runtime.

Honeypot

CHALLENGE ❓

let funcs = [];

for (var i = 0; i < 3; i++) {
  funcs.push(() => i);
}

console.log(funcs[0]());
console.log(funcs[1]());
console.log(funcs[2]());

👍 Chokidar 4.0: Efficient Cross-Platform File Watching Library

Wraps around fs.watch / fs.watchFile and normalizes the events received, applies some best practices, and presents an API that works the same across different platforms.

Paul Miller

CHALLENGE ❓

const person = {
  name: "John",
  greet: function() {
    const getMessage = () => `Hello, ${this.name}`;
    return getMessage();
  }
};

console.log(person.greet());

💻 Deno 2 is here… will it actually kill Node.js this time?

🔥 Fireship

CHALLENGE ❓

const animal = {
  sound: "Generic sound",
  makeSound() {
    return this.sound;
  }
};

const dog = Object.freeze(Object.create(animal));
dog.sound = "Bark";

const result = dog.makeSound();

console.log(result);

👀 Mathematical Symbols and JavaScript Equivalents

We’re not just talking the obvious like + and - but things like ⁿ√, Σ, Π, ∃, and set notation.

Joshua Nussbaum

CHALLENGE ❓

var a = 5;
function test() {
  console.log(a);
  var a = 10;
  console.log(a);
}

test();

👀 Schedule-X 2: A Modern Event Calendar Component

Available in the form of React/Preact, Vue, Svelte, Angular, or plain JS components. Open source but with a premium version with extra features. GitHub repo.

Tom Österlund

CHALLENGE ❓

const original = Object.freeze({ a: [1, 2, 3] });
const copy = { ...original };

copy.a.push(4);

console.log(original.a);
console.log(copy.a);

✌️ Don't Sleep on AbortController

AbortController is a broadly available mechanism for, originally, aborting Web requests on demand, but you can use it for a lot more than that (or ‘anything!’, as Artem explains).

Artem Zakharchenko

CHALLENGE ❓

const promise = new Promise((resolve) => {
  console.log('Promise started');
  setTimeout(() => {
    resolve('Promise resolved');
  }, 100);
});

promise.then((result) => {
  console.log(result);
});

console.log('End of script');

🤟 µExpress / Ultimate Express: Like Express, But Faster?

It’s not Express, but a reimplementation of Express’s functionality with API compatibility. Based on µWebSockets, and with an optimized router, it boasts faster performance than regular Express, but needs some C++ magic to make it happen.

dimden

CHALLENGE ❓

const obj = {
  value: 100,
  method: function() {
    const inner = function() {
      console.log(this.value);
    };
    inner();
  }
};

obj.method();