Does 50% memory savings in production sound good? Cloudflare, Igalia, and the Node project have collaborated on node-caged, a Docker image containing Node 25 with V8 pointer compression enabled. Matteo digs into all the details here – this is neat work, though there are tradeoffs to consider.
Matteo Collina
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9🔥5👍4🤩1
CHALLENGE
const user = {
name: 'Sarah',
age: 25,
greet() {
return `Hello, I'm ${this.name}`;
}
};
const keys = Object.keys(user);
const values = Object.values(user);
const entries = Object.entries(user);
console.log(keys.length);
console.log(values.includes('Sarah'));
console.log(entries[2][0]);🔥6❤3👍2
What is the output?
Anonymous Quiz
12%
2 false name
63%
3 true greet
20%
2 true age
5%
3 false greet
❤6🔥2
CHALLENGE
const user = {
name: 'Sarah',
profile: {
settings: {
theme: 'dark'
}
}
};
const config = {
name: 'John',
profile: null
};
console.log(user.profile?.settings?.theme);
console.log(config.profile?.settings?.theme);
console.log(user.profile?.preferences?.language);
console.log(config.profile?.settings?.theme ?? 'light');👍5🔥3❤1
What is the output?
Anonymous Quiz
19%
dark undefined null light
31%
dark null undefined light
45%
dark undefined undefined light
6%
Sarah undefined undefined light
❤2👍2
CHALLENGE
function testScope() {
var x = 'outer';
let y = 'outer';
if (true) {
var x = 'inner';
let y = 'inner';
console.log(x, y);
}
console.log(x, y);
}
testScope();👍5❤4🔥2🤣2
What is the output?
Anonymous Quiz
30%
inner inner outer outer
46%
inner inner inner outer
14%
inner inner inner inner
9%
outer outer inner inner
👍8❤4
A 100% Prettier-compatible JavaScript code formatter (and sister project of Oxlint) that boasts being 30x faster than Prettier and 3x faster than Biome. Since the alpha, it now supports embedded language formatting (JSX, YAML, HTML, etc), Tailwind CSS class sorting, import sorting, and more.
Boshen, Dunqing, and Sugiura (VoidZero)
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤1🔥1
CHALLENGE
class Vehicle {
constructor(type) {
this.type = type;
}
describe() {
return `I am a ${this.type}`;
}
}
class Car extends Vehicle {
constructor(brand) {
super("car");
this.brand = brand;
}
describe() {
return `${super.describe()} made by ${this.brand}`;
}
}
const myCar = new Car("Toyota");
console.log(myCar.describe());
console.log(myCar instanceof Car);
console.log(myCar instanceof Vehicle);
console.log(Object.getPrototypeOf(Car) === Vehicle);
👍5🔥5❤1
Christoph (of Jest fame) covers his preferred tools for getting your JavaScript tool stack running as fast as possible. It’s also intended for LLMs to process via this Markdown version.
Christoph Nakazawa
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6❤5👍3
CHALLENGE
const compose = (...fns) => (x) => fns.reduceRight((acc, fn) => fn(acc), x);
const pipe = (...fns) => (x) => fns.reduce((acc, fn) => fn(acc), x);
const double = (x) => x * 2;
const addTen = (x) => x + 10;
const square = (x) => x * x;
const negate = (x) => -x;
const transform1 = compose(negate, square, addTen, double);
const transform2 = pipe(double, addTen, square, negate);
const input = 3;
console.log(transform1(input));
console.log(transform2(input));
console.log(transform1(input) === transform2(input));
👍6❤3🔥1
What is the output?
Anonymous Quiz
17%
-256 -256 false
55%
-256 -256 true
20%
-256 -36 false
8%
-36 -256 false
❤4👍2
A big step forward for a project that’s almost 15 years old, and one of few stable, trusty options for rendering ultra-high resolution images for users to zoom into and pan around. Version 6 introduces a new async and cache-managed pipeline, making it far more efficient at scale.
OpenSeadragon Contributors
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5❤4👍3🤩1
CHALLENGE
class Session {
#id;
constructor(id) {
this.#id = id;
}
getId() { return this.#id; }
}
const activeSessions = new WeakSet();
const s1 = new Session("user_42");
const s2 = new Session("user_99");
let s3 = new Session("user_07");
activeSessions.add(s1);
activeSessions.add(s2);
activeSessions.add(s3);
console.log(activeSessions.has(s1)); // line A
console.log(activeSessions.has(s3)); // line B
s3 = null;
console.log(activeSessions.has(s3)); // line C
activeSessions.delete(s2);
console.log(activeSessions.has(s2)); // line D
console.log(activeSessions.size); // line E
❤7👍2🔥1
What is the output?
Anonymous Quiz
21%
true true false false 0
47%
true true false false undefined
25%
true true true false undefined
6%
true true false true undefined
👍11❤2🔥2
Render Mermaid diagram markup to SVG or ASCII/Unicode outputs (above) from JavaScript.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9❤7👍2
CHALLENGE
const inventory = {
apples: 5,
bananas: 0,
cherries: 12,
dates: undefined,
elderberries: null,
};
const summary = Object.entries(inventory)
.filter(([_, value]) => value)
.reduce((acc, [key, value]) => {
acc[key] = value * 2;
return acc;
}, {});
console.log(Object.keys(summary).length);
console.log(Object.values(summary).every(v => v > 10));
console.log(Object.keys(inventory).length === Object.keys(summary).length);
🔥3❤1👍1
What is the output?
Anonymous Quiz
24%
3 true false
41%
2 false false
21%
2 true false
14%
3 false false
❤5👍1🤩1