CHALLENGE
const values = [0.1 + 0.2, NaN, Infinity, -0, 42.6789];
const results = values.map((v, i) => {
if (i === 0) return Number.isInteger(v) + " | " + v.toFixed(2);
if (i === 1) return Number.isFinite(v) + " | " + Number.isNaN(v);
if (i === 2) return Number.isFinite(v) + " | " + Number.MAX_SAFE_INTEGER;
if (i === 3) return Object.is(v, -0) + " | " + (v === 0);
if (i === 4) return v.toFixed(2) + " | " + v.toPrecision(4);
});
results.forEach(r => console.log(r));
โค4๐ฅ2๐ค2
โค4
It's here! Complete with the Temporal API enabled by default, V8 14.6 (say hello to map โupsertโ methods like Map.prototype.getOrInsert() and iterator sequencing with Iterator.concat()), plus Undici 8. v26 is the โCurrentโ cutting-edge release until October when it gets promoted to LTS.
Rafael Gonzaga
Please open Telegram to view this post
VIEW IN TELEGRAM
โค4๐ฅ3๐2๐คฉ1
CHALLENGE
const items = [
{ name: "banana", price: 1.5, qty: 10 },
{ name: "apple", price: 1.5, qty: 5 },
{ name: "cherry", price: 3.0, qty: 8 },
{ name: "date", price: 2.0, qty: 8 },
];
const sorted = [...items].sort((a, b) => {
if (a.price !== b.price) return a.price - b.price;
if (a.qty !== b.qty) return b.qty - a.qty;
return a.name.localeCompare(b.name);
});
console.log(sorted.map(i => `${i.name}:${i.qty}`).join(", "));
๐ฅ5โค2
Uses a variety of techniques to convert even complex HTML into plain text (but with some formatting, such as for tables). v10 brings the project up to modern standards.
KillyMXI
Please open Telegram to view this post
VIEW IN TELEGRAM
โค4๐1
CHALLENGE
class DatabaseError extends Error {
constructor(message, code) {
super(message);
this.name = "DatabaseError";
this.code = code;
}
}
class ConnectionError extends DatabaseError {
constructor(host) {
super(`Failed to connect to ${host}`, 503);
this.name = "ConnectionError";
this.host = host;
}
}
const err = new ConnectionError("db.server.io");
console.log([
err instanceof ConnectionError,
err instanceof DatabaseError,
err instanceof Error,
err.name,
err.code,
err.message,
].join(" | "));
๐ฅ2
What is the output?
Anonymous Quiz
14%
true | true | false | ConnectionError | 503 | Failed to connect to db.server.io
34%
true | true | true | DatabaseError | 503 | Failed to connect to db.server.io
22%
true | false | true | ConnectionError | 503 | Failed to connect to db.server.io
30%
true | true | true | ConnectionError | 503 | Failed to connect to db.server.io
Remix has quite the back story. Created by the duo behind React Router in 2020 and seen as an alternative to Next.js, Remix was acquired by Shopify in 2022 and its core ideas folded into React Router v7 in 2024. Now, a new direction: a full-stack, web standards-first framework with its own UI component model andโฆ no React.
Michael Jackson (Remix)
Please open Telegram to view this post
VIEW IN TELEGRAM
โค7๐2๐ฅ2
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 ** 2;
const negate = (x) => -x;
const transform1 = compose(negate, square, addTen, double);
const transform2 = pipe(double, addTen, square, negate);
const memoize = (fn) => {
const cache = new Map();
return (x) => {
if (!cache.has(x)) cache.set(x, fn(x));
return cache.get(x);
};
};
const memoTransform1 = memoize(transform1);
console.log(transform1(3));
console.log(transform2(3));
console.log(memoTransform1(3) === transform1(3));
What is the output?
Anonymous Quiz
20%
256 -256 true
37%
-256 256 false
22%
-64 -256 true
20%
-256 -256 true
โค2
At ten years old, the โanimate anything from JavaScriptโ library continues to get even better with a new scrambleText effect and auto-grid layout mode for stagger grids. The docs for Anime are truly top-tier and packed with examples.
Julian Garnier
Please open Telegram to view this post
VIEW IN TELEGRAM
โค5๐2๐ฅ1๐คฉ1
CHALLENGE
function processData(value) {
let result = "start";
try {
result += " -> try";
if (value === null) throw new TypeError("Null value");
if (value < 0) throw new RangeError("Negative value");
result += " -> success";
return result;
} catch (e) {
result += ` -> catch(${e.constructor.name})`;
return result;
} finally {
result += " -> finally";
console.log(result);
}
}
console.log(processData(null));โค3๐1๐ฅ1๐คฉ1
What is the output?
Anonymous Quiz
28%
start -> try -> catch(TypeError) start -> try -> catch(TypeError) -> finally
24%
start -> try -> success -> finally start -> try -> success
35%
start -> try -> catch(TypeError) -> finally start -> try -> catch(TypeError)
12%
start -> try -> finally start -> try -> catch(TypeError)
โค3๐ฅ2๐ค1
CHALLENGE
function createCounter() {
let count = 0;
return {
increment() { count++; },
decrement() { count--; },
getCount() { return count; },
reset: () => { count = 0; }
};
}
const counter = createCounter();
counter.increment();
counter.increment();
counter.increment();
counter.decrement();
const { getCount, reset } = counter;
console.log(counter.getCount());
reset();
console.log(getCount());
โค3๐1
โค2๐ค2๐คฉ1
CHALLENGE
class Pipeline {
#value;
#log = [];
constructor(value) {
this.#value = value;
}
map(fn) {
this.#value = fn(this.#value);
this.#log.push(`map:${this.#value}`);
return this;
}
filter(fn) {
if (Array.isArray(this.#value)) {
this.#value = this.#value.filter(fn);
this.#log.push(`filter:${this.#value}`);
}
return this;
}
reduce(fn, init) {
if (Array.isArray(this.#value)) {
this.#value = this.#value.reduce(fn, init);
this.#log.push(`reduce:${this.#value}`);
}
return this;
}
result() {
console.log(this.#log.join(' | '));
return this.#value;
}
}
new Pipeline([1, 2, 3, 4, 5, 6])
.filter(n => n % 2 === 0)
.map(arr => arr.map(n => n ** 2))
.reduce((acc, n) => acc + n, 0)
.result();โค4๐3๐ฅ1
Volume I of this in-depth guide is now complete with eight chapters of advanced material covering topics like event loop internals, what V8 does, buffer allocation, streams, module resolution, async/await, and the process lifecycle.
Ishtmeet Singh
Please open Telegram to view this post
VIEW IN TELEGRAM
๐6โค2๐คฉ2๐ฅ1