👀 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();

👍 gradient-string 3.0: Beautiful Color Gradients in Terminal Output

What’s the next step up from colorizing the text output of your Node-powered CLI app? Gradients. v3.0 is rewritten in TypeScript and is a pure ES module.

Boris K

CHALLENGE ❓

function* generatorFunction() {
  yield 1;
  yield* function* () {
    yield 2;
    yield 3;
  }();
  yield 4;
}

const gen = generatorFunction();
console.log(gen.next().value);
console.log(gen.next().value);
console.log(gen.next().value);
console.log(gen.next().value);
console.log(gen.next().value);

😢 Why?

CHALLENGE ❓

const arr = [1, 2, 3];
const newArr = arr.map(num => num * 2);

newArr.push(4);
arr[0] = 0;

console.log(arr);
console.log(newArr);

✌️ VoidZero: A Next-Generation Toolchain for JavaScript

Not content to have merely created Vue.js and Vite, JavaScript powerhouse Evan You has unveiled his latest adventure: a $4.6m funded company building an open-source unified development toolchain for the JavaScript ecosystem. With his track record, this is as good an attempt as it gets.

Evan You

CHALLENGE ❓

async function fetchData() {
  console.log('Fetching...');
  await new Promise((resolve) => {
    setTimeout(() => {
      console.log('Data fetched');
      resolve();
    }, 100);
  });
  console.log('Process completed');
}

fetchData();
console.log('End of script');

😉Bundling: The Past, Present and Future

A history lesson on bundlers, why they’re used, the problems they solve, the current ecosystem, and a look at the potential future for these tools.

Devon Govett

CHALLENGE ❓

console.log(1);
setTimeout(() => console.log(2), 0);
Promise.resolve()
  .then(() => {
    console.log(3);
    return Promise.resolve(4);
  })
  .then(console.log);
console.log(5);