CHALLENGE
class Counter {
constructor() {
this.count = 0;
}
increment() {
this.count++;
return this.count;
}
}
const counter = new Counter();
const boundInc = counter.increment.bind(counter);
const rebind = boundInc.bind({ count: 100 });
console.log(boundInc(), rebind(), counter.count);❤2👍2🔥2
🔥2
The progressive framework gets its biggest release in years, going ESM-first (CJS is still an option), replacing webpack with Rspack, adding Standard Schema support for easy interop with Zod, Valibot and friends, plus structured logging, a brand new homepage, and more.
Kamil Mysliwiec
Please open Telegram to view this post
VIEW IN TELEGRAM
❤5🔥5👍2
CHALLENGE
class Base {
static count = 0;
static #secret = 42;
static {
Base.count = 10;
}
static getSecret() {
return this.#secret;
}
}
class Derived extends Base {
static count = Base.count + 5;
}
let result;
try {
result = Derived.getSecret();
} catch (e) {
result = e.constructor.name;
}
console.log(Base.count, Derived.count, result);❤1👍1
❤4🔥3👍1
From a Preact core team member comes a tool to diff built npm tarballs against the last published version, flagging install scripts, network access and new binaries. It can then gate your Actions publish job or watch npm's new staged publishing flow.
Jovi De Croock
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4❤2
CHALLENGE
class Timer {
#ticks = 0;
tick = () => {
this.#ticks++;
return this.#ticks;
};
reset() {
this.#ticks = 0;
return this.#ticks;
}
}
const t = new Timer();
const { tick, reset } = t;
let result;
try {
result = reset();
} catch (e) {
result = e.constructor.name;
}
console.log(tick(), tick(), result);❤2👍2
What is the output?
Anonymous Quiz
24%
1 2 0
31%
0 1 TypeError
31%
TypeError TypeError TypeError
14%
1 2 TypeError
❤1🤔1
CHALLENGE
function createCounters() {
const counters = [];
for (let i = 0; i < 3; i++) {
let count = 0;
counters.push(() => {
count += i;
return count;
});
}
return counters;
}
const counters = createCounters();
const first = counters.map(fn => fn()).join(',');
const second = counters.map(fn => fn()).join(',');
console.log(first, second);❤2🔥1
👍1
An analysis of a playable 8x8 Minesweeper implementation in one line of JavaScript, complete with flags and cascading blank cells. The author's 658-byte version is impressive enough, but this post covers the tricks to make it 62% smaller than that!
yui and DNEK
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7❤2
Resumable uploads from disk, Dropbox or GDrive, with wrappers for React, Vue, Svelte & Angular. This version focuses on clean-up, with a rewritten S3 plugin and fewer packages to manage.
Transloadit
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔3❤1👍1🔥1
Node.js Interactive returned for the first time since 2019 as part of this month's RenderATL event with Node contributors and invited speakers tackling Node's near-term roadmap in areas like AI, supply chain security, WinterCG becoming Ecma TC55, work on QUIC and HTTP/3 support, and Node's move to one major release a year.
Aviv Keller
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3👍1🔥1
CHALLENGE
class Base {
#value = 0;
get value() { return this.#value; }
set value(v) { this.#value = v * 2; }
}
class Derived extends Base {
get value() { return super.value + 1; }
set value(v) { super.value = v + 10; }
}
const d = new Derived();
d.value = 5;
console.log(d.value, d.value = 100, d.value);CHALLENGE
const base = {
get value() {
return this._value ?? 'default';
},
set value(v) {
this._value = v;
}
};
const derived = Object.create(base);
derived.value = 'hello';
const another = Object.create(base);
console.log(derived.value, another.value, derived.hasOwnProperty('_value'));🤣7❤1
What is the output?
Anonymous Quiz
30%
default hello true
29%
default default true
29%
hello default true
12%
hello default false
🤣3🔥2
CHALLENGE
function Timer() {
this.seconds = 0;
this.tick = () => { this.seconds++; };
this.tickRegular = function () { this.seconds++; };
}
const t = new Timer();
const { tick, tickRegular } = t;
tick();
let regularResult;
try {
tickRegular();
regularResult = 'no error';
} catch (e) {
regularResult = e instanceof TypeError;
}
console.log(t.seconds, regularResult);❤4👍1
🔥5