A one-stop, intelligent build analyzer making it easier to identify bottlenecks and optimize performance. Itโs part of the same family of tools as Rspack (a Rust-powered web bundler) but is fully webpack compatible. If youโve ever asked why your build times are too long, this is for you.
ByteDance Inc.
Please open Telegram to view this post
VIEW IN TELEGRAM
๐5๐ฅ2โค1
What is the output?
Anonymous Quiz
28%
[0, 1, 1, 2, 3, 1]
26%
[1, 2, 3, 5, 8, 2]
35%
[1, 1, 2, 3, 5, 2]
11%
[1, 2, 3, 5, 8, 3]
โค8๐1๐ฅ1
CHALLENGE
function* counter() {
let count = 1;
while (true) {
const reset = yield count++;
if (reset) {
count = 1;
}
}
}
const gen = counter();
console.log(gen.next().value);
console.log(gen.next().value);
console.log(gen.next(true).value);
console.log(gen.next().value);๐8๐ฅ2๐ค1
What is the output?
Anonymous Quiz
13%
1, 2, 0, 1
39%
1, 2, undefined, 1
40%
1, 2, 1, 2
8%
1, 2, 1, 1
๐9๐คฃ8๐คฉ5๐ฅ4โค3
Youโve probably heard about people โvibe codingโ games by letting LLMs do the coding work, but what if you want to build a game yourself that has neural network powered elements? TensorFlow.js offers one solution that you could just as easily adapt to non-gaming contexts.
Manvar and Raina (Docker)
Please open Telegram to view this post
VIEW IN TELEGRAM
๐10โค2๐ฅ2
CHALLENGE
const user = {
profile: {
name: 'Alice',
social: null,
getDetails() {
return { verified: true };
}
}
};
const result = [
user?.profile?.name,
user?.profile?.social?.handle,
user.profile.getDetails?.()?.verified,
user?.nonExistent?.property
];
console.log(result);๐7
What is the output?
Anonymous Quiz
15%
['Alice', null, true, null]
45%
['Alice', undefined, true, undefined]
23%
['Alice', null, true, undefined]
17%
TypeError: Cannot read properties of null (reading 'handle')
๐7๐คฉ5
Motion is a popular and powerful animation library most commonly associated with React, but now thereโs a new Vue flavor and itโs feature complete, too.
Matt Perry (Motion)
Please open Telegram to view this post
VIEW IN TELEGRAM
๐6โค5
CHALLENGE
function Vehicle(type) {
this.type = type;
}
Vehicle.prototype.getType = function() {
return this.type;
};
function Car(make) {
this.make = make;
}
Car.prototype = Object.create(Vehicle.prototype);
Car.prototype.constructor = Car;
const myCar = new Car('Tesla');
myCar.type = 'electric';
console.log(myCar.getType(), myCar instanceof Vehicle, myCar.constructor.name);โค1
What is the output?
Anonymous Quiz
17%
undefined true Car
25%
electric false Vehicle
44%
electric true Car
14%
electric true undefined
๐6โค4๐ค3
CHALLENGE
const target = { a: 1, b: 2 };
const handler = {
get(obj, prop) {
return prop in obj ? obj[prop] * 2 : 'Not found';
}
};
const proxy = new Proxy(target, handler);
// Add a property to the original target
target.c = 3;
// Attempt to access properties through proxy and Reflect
console.log([
proxy.a,
proxy.z,
Reflect.get(target, 'b'),
Reflect.get(proxy, 'c')
]);๐4
What is the output?
Anonymous Quiz
26%
[2, 'Not found', 2, 'Not found']
34%
[2, 'Not found', 2, 3]
18%
[2, undefined, 2, 6]
22%
[2, 'Not found', 2, 6]
๐8๐ค7โค3๐ฅ1
CHALLENGE
type User = {
id: number;
name: string;
role?: 'admin' | 'user';
};
function processUser(user: Partial<User>): string {
const defaultUser: User = {
id: 0,
name: 'Guest',
role: 'user'
};
const mergedUser = { ...defaultUser, ...user };
if (mergedUser.role === 'admin') {
return `Admin: ${mergedUser.name}`;
}
return `User: ${mergedUser.name} (ID: ${mergedUser.id})`;
}
console.log(processUser({ name: 'John', role: 'admin' }));๐7โค1
What is the output?
Anonymous Quiz
22%
User: John (ID: 0)
36%
Admin: John (ID: 0)
14%
User: John
28%
Admin: John
๐ฅ6๐4โค2
CHALLENGE
function processConfig(config) {
const cache = config.cache ?? true;
const timeout = config.timeout ?? 1000;
const retries = config.retries ?? 3;
return {
useCache: cache,
timeoutMs: timeout,
maxRetries: retries
};
}
const result = processConfig({ timeout: 0, retries: false });
console.log(result);๐3
CHALLENGE
function processInput(userInput) {
const defaultValue = 'default';
const value1 = userInput?.value ?? defaultValue;
const value2 = userInput?.value || defaultValue;
const result = {
a: 0 ?? 'zero',
b: '' ?? 'empty',
c: null ?? 'null',
d: undefined ?? 'undefined',
comparison: value1 === value2
};
console.log(result);
}
processInput({ value: '' });๐7
What is the output?
Anonymous Quiz
28%
{ a: 'zero', b: 'empty', c: 'null', d: 'undefined', comparison: false }
32%
{ a: 'zero', b: 'empty', c: null, d: undefined, comparison: true }
19%
{ a: 0, b: '', c: 'null', d: 'undefined', comparison: true }
22%
{ a: 0, b: '', c: 'null', d: 'undefined', comparison: false }
๐7โค4๐ฅ4