CHALLENGE
const user = {
profile: {
name: "Marcus",
score: 0,
nickname: null,
bio: undefined,
},
};
user.profile.nickname ??= "Anonymous";
user.profile.bio ??= "No bio provided";
user.profile.score ??= 100;
user.profile.rank ??= "Beginner";
const { name, score, nickname, bio, rank } = user.profile;
console.log(`${name} | ${score} | ${nickname} | ${bio} | ${rank}`);โค3๐ฅ2
An open-source framework for creating and rendering videos with HTML and JavaScript. Essentially a simpler non-React alternative to Remotion. It includes a variety of built-in blocks/components for common video effects and elements, and can also composite existing video and audio clips. GitHub repo.
HeyGen
Please open Telegram to view this post
VIEW IN TELEGRAM
โค6๐ฅ2
CHALLENGE
const counter = (function () {
let count = 0;
const history = [];
return {
increment(step = 1) {
count += step;
history.push(count);
return this;
},
decrement(step = 1) {
count -= step;
history.push(count);
return this;
},
getHistory: () => history,
getCount: () => count,
};
})();
counter.increment(5).increment(3).decrement(2);
console.log(counter.getCount(), counter.getHistory().join(" -> "));โค4๐1
What is the output?
Anonymous Quiz
23%
8 5 -> 8 -> 6
46%
6 5 -> 8 -> 6
17%
5 5 -> 8
15%
6 -> 5 -> 8 -> 6
โค5๐2
A month ago, Evan You (of Vue.js and VoidZero fame) gave his annual address. Less Vue-focused than usual (though Vapor Mode is โalmost readyโ), the talk focuses on Vite-ecosystem updates covering Vite 8, Vite+, and Void.
Evan You / Vue.js Amsterdam
Please open Telegram to view this post
VIEW IN TELEGRAM
โค5๐3๐ฅ2
CHALLENGE
const partial = (fn, ...presetArgs) => {
return function partiallyApplied(...laterArgs) {
return fn(...presetArgs, ...laterArgs);
};
};
const calculateTax = (taxRate, discount, price) => {
const discounted = price - (price * discount) / 100;
return parseFloat((discounted + (discounted * taxRate) / 100).toFixed(2));
};
const withVAT = partial(calculateTax, 20);
const withVATandDiscount = partial(withVAT, 15);
console.log(withVAT(0, 100));
console.log(withVATandDiscount(200));
console.log(partial(calculateTax, 10, 5)(50));
๐2๐ฅ1
What is the output?
Anonymous Quiz
33%
120 204 52.25
42%
120 170 47.5
21%
100 204 52.25
4%
120 204 47.5
โค3
The Bun runtime has had a great run of releases, including last weekโs v1.3.12 with built-in browser automation. Now, bun test gets numerous enhancements with --isolate, --parallel, --shard and --changed options for test env isolation, parallelization, and to run only test files affected by recent changes. The runtime now uses 5% less memory, bun install gets faster, and more.
Jarred Sumner
Please open Telegram to view this post
VIEW IN TELEGRAM
๐ฅ3โค2๐2
CHALLENGE
const values = [0.1 + 0.2, NaN, Infinity, -0, 42.6789];
const results = values.map((v, i) => {
if (i === 0) return v.toFixed(2);
if (i === 1) return Number.isFinite(v) + " " + Number.isNaN(v);
if (i === 2) return Number.isFinite(v) + " " + isFinite(v);
if (i === 3) return Object.is(v, 0) + " " + Object.is(v, -0);
if (i === 4) return v.toPrecision(4);
});
console.log(results.join(" | "));
โค3๐2๐ฅ2
โข git history offers a new, easy way to edit commit messages or interactively split a commit into two.
โข You can now define hooks in config files (whether in a repo, at user level, or even system level) rather than just in
.git/hooks. You can also run multiple hooks for the same event in this way.Please open Telegram to view this post
VIEW IN TELEGRAM
โค5๐ฅ3
CHALLENGE
async function* paginate(items, pageSize) {
for (let i = 0; i < items.length; i += pageSize) {
const page = items.slice(i, i + pageSize);
yield await Promise.resolve(page);
}
}
async function* transform(source, fn) {
for await (const chunk of source) {
yield fn(chunk);
}
}
async function run() {
const data = [10, 20, 30, 40, 50, 60];
const pages = paginate(data, 2);
const mapped = transform(pages, (page) => page.map((x) => x * 2));
const results = [];
for await (const page of mapped) {
results.push(page.reduce((a, b) => a + b, 0));
}
console.log(results);
}
run();๐3โค2๐ฅ1๐ค1
What is the output?
Anonymous Quiz
39%
[ 20, 40, 60, 80, 100, 120 ]
22%
[ 30, 70, 110 ]
30%
[ 60, 140, 220 ]
10%
[ 10, 20, 30, 40, 50, 60 ]
Yes, another one! Whatโs noteworthy is it comes from the developer of mise, a tool that makes managing numerous languages so much easier. aubeโs selling points are raw performance and being a drop-in replacement. Its defaults are also security-focused.
Jeff Dickey
Please open Telegram to view this post
VIEW IN TELEGRAM
๐3โค2๐ฅ2
CHALLENGE
class ValidationError extends Error {
constructor(message, field) {
super(message);
this.name = "ValidationError";
this.field = field;
}
}
class NetworkError extends ValidationError {
constructor(message, field, statusCode) {
super(message, field);
this.name = "NetworkError";
this.statusCode = statusCode;
}
}
const err = new NetworkError("Not Found", "endpoint", 404);
console.log([
err instanceof NetworkError,
err instanceof ValidationError,
err instanceof Error,
err instanceof TypeError,
].join(", "));
โค3๐2๐ฅ1
What is the output?
Anonymous Quiz
30%
true, true, false, false
24%
true, false, true, false
43%
true, true, true, false
3%
false, true, true, false
Build composable parsers for CLIs with type safety, type inference, and built-in shell completion support, plus config file integration and man page generation from the same definitions. v1.0 is the first stable release and Hong compares it to Commander.js and explains why you'd use Optique.
Hong Minhee
Please open Telegram to view this post
VIEW IN TELEGRAM
โค4๐ฅ2๐1
CHALLENGE
function* counter(start, end) {
for (let i = start; i <= end; i++) {
yield i;
}
}
function* pipeline() {
const first = yield* counter(1, 3);
console.log("Counter done:", first);
yield "bridge";
const second = yield* counter(7, 9);
console.log("Counter done:", second);
}
const gen = pipeline();
const results = [];
let next = gen.next();
while (!next.done) {
results.push(next.value);
next = gen.next();
}
console.log(results);โค7๐2๐ฅ1
What is the output?
Anonymous Quiz
26%
[1, 2, 3, 'bridge', 7, 8, 9] Counter done: undefined Counter done: undefined
31%
[1, 2, 3, 'bridge', 7, 8, 9] Counter done: 3 Counter done: 9
32%
Counter done: undefined Counter done: undefined [ 1, 2, 3, 'bridge', 7, 8, 9 ]
12%
Counter done: 3 Counter done: 9 [1, 2, 3, 'bridge', 7, 8, 9]
๐ฅ3โค2๐2๐คฉ2