André Ruffert
@andreruffert.com
97 followers 107 following 121 posts
Crafting resilient, user-friendly software for the modern web. HTML, CSS, JS, UI/UX, DX, Web Standards, Open Source ✨ andreruffert.com ✌️
Crafting resilient, user-friendly software for the modern web. HTML, CSS, JS, UI/UX, DX, Web Standards, Open Source ✨ andreruffert.com ✌️
![Syntax highlighted JavaScript:
const users = new Set([
{ name: "alice", active: true },
{ name: "bob", active: false },
{ name: "charlie", active: true },
{ name: "diana", active: true },
{ name: "eve", active: false },
]);
// Array-first approach
const first3UsersSlice = [...users.values()].slice(0, 3);
// Iterator-first approach
const first3UsersTake = users
.values()
.take(3)
.toArray();
console.log(first3UsersTake);
// [{ name: "alice", ... }, { name: "bob", ... }, { name: "charlie", ... }]
// Composes naturally with iterator helpers
const activeUserNames = users
.values()
.filter(user => user.active)
.map(user => user.name)
.take(3)
.toArray();
console.log(activeUserNames);
// ["alice", "charlie", "diana"]](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:sdt6u6ybm3ck5vueftpvnxms/bafkreidat4og6qb3w2q5whajog75srdvw4usvxmsctveoe2hel2xpqmlgy)
![Syntax highlighted Bash:
# macOS
# Create a file of the specified size
mkfile [-nv] size[b|k|m|g] filename
# Create a 10 MB file
mkfile 10m 10MB.pdf
# Linux equivalent
# Allocate a 10 MB file on disk
fallocate -l 10M 10MB.pdf](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:sdt6u6ybm3ck5vueftpvnxms/bafkreiedrbflwewwygr6lrk3o6rkb5vazydou64wrjg25hfew4iziyckxm)
![Syntax highlighted JavaScript:
const people = [
{ name: "Alice", department: "Engineering" },
{ name: "Bob", department: "Sales" },
{ name: "Charlie", department: "Engineering" },
{ name: "David", department: "Sales" },
{ name: "Eve", department: "HR" }
];
// Group people by department (string keys)
const groupedByDepartment = Object.groupBy(
people,
person => person.department
);
console.log(groupedByDepartment);
/*
{
Engineering: [...],
Sales: [...],
HR: [...]
}
*/](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:sdt6u6ybm3ck5vueftpvnxms/bafkreiebxptgmj4jjs7nrlobkorzvbfxstn3pc5cnjnoykimn52iujulou)
![Syntax highlighted JavaScript:
const active = { status: "active" };
const inactive = { status: "inactive" };
const users = [
{ name: "Alice", category: active },
{ name: "Bob", category: inactive },
{ name: "Charlie", category: active }
];
// Group users by object references (non-string keys)
const groupedByCategory = Map.groupBy(
users,
user => user.category
);
console.log(groupedByCategory);
/*
Map(2) {
{ status: "active" } => [...],
{ status: "inactive" } => [...]
}
*/](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:sdt6u6ybm3ck5vueftpvnxms/bafkreiddapb2ucpc256svpo3da6lp7gdkopaiuaba4ysti4fmrg572j6je)
![Syntax highlighted JavaScript:
const values = [0.1, 0.2, 0.3];
const normalSum = values.reduce((a, b) => a + b, 0);
console.log(normalSum);
// 0.6000000000000001
const preciseSum = Math.sumPrecise(values);
console.log(preciseSum);
// 0.6](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:sdt6u6ybm3ck5vueftpvnxms/bafkreiad2mya3lv4knjssixb7iboewxbboudpyuilu6vgm2b6bbqdo2tse)
