Telegram Web
👍 Heat.js: A Heat Map Visualization Library

Think the GitHub contributions heat map. No dependencies, small, responsive, and theme-able. There’s a live demo or its GitHub repo.

William Troup
Please open Telegram to view this post
VIEW IN TELEGRAM
CHALLENGE

function trickyScope() {
var x = 10;
if (true) {
let x = 5;
console.log(x);
}
console.log(x);
}

trickyScope();
What is the output?
Anonymous Quiz
61%
5 10
17%
5 5
9%
10 10
13%
10 5
Please open Telegram to view this post
VIEW IN TELEGRAM
CHALLENGE

function trickyScope() {
var a = 10;
let b = 20;
const c = 30;

if (true) {
var a = 40;
let b = 50;
const c = 60;
console.log(a, b, c);
}

console.log(a, b, c);
}

trickyScope();
CHALLENGE

function trickyFunction(num) {  
let result = 0;
for (let i = 0; i < num; i++) {
result += i;
if (i % 2 === 0) {
result *= 2;
} else {
result -= 1;
}
}
return result;
}
console.log(trickyFunction(4));
What is the output?
Anonymous Quiz
19%
12
19%
10
24%
8
38%
6
✌️ Do Lake Names Reflect Their Properties?

I know this sounds like a geographical piece, but this developer’s curiosity led to a fun blend of JavaScript and the always useful Overpass Turbo mapping tool.

Ivan Ludvig
Please open Telegram to view this post
VIEW IN TELEGRAM
CHALLENGE

function trickyScope() {
let x = 10;
if (true) {
let x = 20;
console.log(x); // A
}
console.log(x); // B
{
let x = 30;
console.log(x); // C
}
console.log(x); // D
}

trickyScope();
👀 Mastra: A TypeScript AI Framework from the Gatsby Team — From some of the folks behind the Gatsby React

framework comes a new way to build LLM-powered agents that perform various tasks, use knowledge bases, and hold memory. Think a meta-framework like Next.js but for AI agents. GitHub repo.

Mastra
Please open Telegram to view this post
VIEW IN TELEGRAM
CHALLENGE

function trickyQuestion() {
var a = 1;
var b = 2;

return (function() {
delete a;
delete b;
return a + b;
})();
}

console.log(trickyQuestion());
What is the output?
Anonymous Quiz
27%
3
37%
undefined
23%
NaN
13%
ReferenceError
🤔 Subverting Control with Weak References

Node supports WeakMap and WeakRef for working with weak references and James is a big fan of the extra abstractions they unlock. A weak reference differs from a normal reference in that it doesn’t prevent a referenced object from being garbage collected – this might sound like it has limited value, but is quite useful in certain scenarios.

James Long
Please open Telegram to view this post
VIEW IN TELEGRAM
CHALLENGE

let a = 5; // binary: 0101
let b = 3; // binary: 0011
let c = a & b; // binary: 0001
let d = a | b; // binary: 0111
let e = a ^ b; // binary: 0110

console.log(c, d, e);
What is the output?
Anonymous Quiz
32%
5 3 2
20%
1 3 2
41%
1 7 6
7%
0 1 2
🥶 upfetch: An Advanced fetch Client Builder

A TypeScript library to enhance fetch with schema validation, automatic response parsing, and type-safety, while maintaining the familiar ՝fetch՝ API.

Laurent Blondy
Please open Telegram to view this post
VIEW IN TELEGRAM
2025/03/09 05:10:10
Back to Top
HTML Embed Code: