The Remix Store is a swag store for the Remix project and its codebase provides a powerful example of how Remix’s own core team builds apps with Remix and Hydrogen.
Brooks Lybrand and the Remix Team
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6👍2🔥2
CHALLENGE
const x = null;
const y = undefined;
const z = 0;
const result1 = x ?? 'default';
const result2 = y ?? 'default';
const result3 = z ?? 'default';
const combined = result1 ? result2 ? result3 : 'B' : 'C';
console.log(combined);
❤3🔥2👍1
🔥5❤3👍3
CHALLENGE
function Vehicle(type) {
this.type = type;
this.wheels = 4;
}
Vehicle.prototype.describe = function() {
return `${this.type} with ${this.wheels} wheels`;
};
const car = new Vehicle('Car');
const bike = Vehicle('Bike');
console.log(car.describe());
console.log(typeof bike);
console.log(globalThis.type);👍1
What is the output?
Anonymous Quiz
28%
Car with 4 wheels undefined Bike
31%
Car with 4 wheels undefined undefined
28%
Car with 4 wheels object undefined
12%
Car with 4 wheels object Bike
👍3❤1🔥1
CHALLENGE
const json = '{"name":"Sarah","age":25,"active":true}';
const obj = JSON.parse(json);
obj.name = "Emma";
obj.age++;
const json2 = JSON.stringify(obj);
const obj2 = JSON.parse(json2);
obj.age = 100;
console.log(obj2.age);❤2
🤔6❤5🔥2👍1
CHALLENGE
const multiplier = 3;
function createCounter() {
let count = 0;
const multiplier = 5;
return function() {
count++;
return count * multiplier;
};
}
const counter = createCounter();
console.log(counter());
console.log(counter());
console.log(multiplier);
❤8👍1🔥1
❤7👍4
Gold quietly hit a new record in 2025
Some assets move fast, others move steadily, but both say something about how we react to risk.
How well do you read these shifts?
Check yourself by taking a short quiz.
Please open Telegram to view this post
VIEW IN TELEGRAM
🤣6🤔5
CHALLENGE
const x = 0.1 + 0.2;
const y = 0.3;
console.log(x === y);
console.log(x.toFixed(1) === y.toFixed(1));
console.log(+x.toFixed(1) === +y.toFixed(1));
const num = 42;
console.log(num.toString(2));
console.log(parseInt('101010', 2));
❤2👍2🔥2
What is the output?
Anonymous Quiz
17%
false false true 101010 42
25%
false true true 101010 101010
36%
true true true 101010 42
22%
false true true 101010 42
❤6🤔2
CHALLENGE
const x = 5;
const y = 10;
const result = `${x + y}`;
const nested = `Value: ${`${x}` + `${y}`}`;
const expr = `${x}${y}`;
console.log(result);
console.log(nested);
console.log(expr);
console.log(typeof result);
❤2👍1🔥1
What is the output?
Anonymous Quiz
26%
15 Value: 15 510 string
27%
15 Value: 510 15 string
10%
510 Value: 15 510 string
37%
15 Value: 510 510 string
👍7🤔3🤩2❤1
CHALLENGE
const obj = Object.seal({ a: 1, b: { c: 2 } });
obj.a = 10;
obj.b.c = 20;
obj.d = 30;
delete obj.a;
const frozen = Object.freeze({ x: 5, y: { z: 10 } });
frozen.x = 50;
frozen.y.z = 100;
delete frozen.y;
console.log(obj.a, obj.b.c, obj.d, frozen.x, frozen.y.z);❤7👍2
What is the output?
Anonymous Quiz
27%
10 20 30 50 10
44%
10 20 undefined 5 100
14%
10 2 undefined 5 100
16%
1 2 undefined 5 10
👍5❤3🤔3🔥1
Please open Telegram to view this post
VIEW IN TELEGRAM
❤58👍14🔥5🤔2
CHALLENGE
const numbers = [1, 2, 3, 4, 5];
const result = numbers
.filter(n => n % 2 === 0)
.map(n => n * 2)
.reduce((acc, curr) => acc + curr, 0);
const original = numbers.slice();
numbers.splice(2, 1, 99);
console.log(result);
console.log(numbers);
console.log(original);
❤4🔥2👍1🤣1
What is the output?
Anonymous Quiz
18%
8 [ 1, 2, 3, 99, 5 ] [ 1, 2, 99, 4, 5 ]
57%
12 [ 1, 2, 99, 4, 5 ] [ 1, 2, 3, 4, 5 ]
20%
12 [ 1, 2, 3, 99, 5 ] [ 1, 2, 3, 4, 5 ]
5%
8 [ 1, 2, 99, 4, 5 ] [ 1, 2, 3, 4, 5 ]
👍4❤2🔥2🤣2
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤2
CHALLENGE
const getValue = (x) => {
console.log(`Getting: ${x}`);
return x;
};
const obj = { name: null };
const result = obj.name || getValue('default') && getValue('final');
console.log(`Result: ${result}`);👍5🔥2