Klaas
LightNews LightNews
klaasnotfound.com
Klaas
@klaasnotfound.com
30 followers 43 following 13 posts
Posts Replies Media Videos
klaasnotfound.com
Started a fun #gamedev side project: I'm making a web-based version of #sokoban with #svelte, #typescript and #css. Got basic graphics, animations and controls working and just finished the improved version of a solver. It currently solves 90% of the 154 Microban levels in under 10 secs. #wip
July 16, 2025 at 4:20 PM
klaasnotfound.com
Today's #javascript learning: Do NOT use Array.fill() with non-primitive types like arrays or objects. They are created only once and will be shared between the array entries.

This can be hard to spot, because the empty arrays will look the same (i.e. `[ [], [] ]` will look like `[ [], [] ]`).
Highlighted Typescript code that reads // ✅ This will give you independent arrays const arr1: number[][] = [[], [], [], []]; console.log(arr1); // [ [], [], [], [] ] arr1[1].push(1337); console.log(arr1); // [ [], [ 1337 ], [], [] ] // ❌ This will NOT give you independent arrays const arr2: number[][] = new Array(4).fill([]); console.log(arr2); // [ [], [], [], [] ] arr2[1].push(1337); console.log(arr2); // [ [ 1337 ], [ 1337 ], [ 1337 ], [ 1337 ] ]
July 12, 2025 at 10:03 PM
klaasnotfound.com
#svelte learning of the day: When you pass $state with `setContext`, do NOT destructure that state in the child component or you won't receive updates.

Obvious once you know it, but it still had me confused for a sec...
Screenshot of highlighted Typescript code that reads: // ✅ This will get updated const ctx: DisplayContext = getContext('displayContext'); $effect(() => { console.log('Tile size', ctx.tileSize )}); // ❌ This will NOT get updated const { tileSize }: DisplayContext = getContext('displayContext'); $effect(() => { console.log('Tile size', tileSize )});
July 7, 2025 at 10:45 AM
klaasnotfound.com
#svelte learning of the day: When you pass $state with `setContext`, do NOT destructure that state in the child component or you won't receive updates.

Obvious once you know it, but it still had me confused for a sec...
Screenshot of highlighted Typescript code that reads: // ✅ This will get updated const ctx: DisplayContext = getContext('displayContext'); $effect(() => { console.log('Tile size', ctx.tileSize )}); // ❌ This will NOT get updated const { tileSize }: DisplayContext = getContext('displayContext'); $effect(() => { console.log('Tile size', tileSize )});
July 7, 2025 at 10:44 AM