Axel Rauschmayer

Topics: #JavaScript #TypeScript #fedi22

Other interests:
• Sustainability, degrowth, permaculture, urbanism
• Languages: German, English, French, Spanish, Dutch, Mandarin
• Calisthenics (body weight exercises)
• Tiny houses
• Education
• Psychology, getting out of one’s head, heart-centered living
• Minimalist spirituality: Advaita, Daoism, Buddhism, Christian mysticism, J. Krishnamurti, …

I live in Munich. http://pronoun.is/he

Homepage: https://dr-axel.de
Sustainability: [@light_bulbs@mastodon.green](https://mastodon.green/@light_bulbs )
Languages: [@langtales@mastodon.social](https://mastodon.social/@langtales )
Photos: City impressions (npub15e5…950q)

Public Key

npub10faqj7xvgmhhl42glvf9u5wqfhnafjnrjst6yx6k4227xugupvuqzardvy

NIP-05 Address

rauschma_at_fosstodon.org@momostr.pink

Profile Code

nprofile1qqs857sf0rxydmml64y0kyj728qyme75ef3eg9azrdt2490rwywqkwqprpmhxue69uhhyetvv9ujumt0d4hhxarj9ecxjmntq9zzqd

Publishing to

relay.momostr.pink

Author Public Key

npub10faqj7xvgmhhl42glvf9u5wqfhnafjnrjst6yx6k4227xugupvuqzardvy

Show more details

Last Notes

2026-06-01 15:08:15 UTC

It’s a shame that neither macOS nor Windows have good built-in GUI support for encrypting ZIP archives.
(Not very safe) encryption via shell:
zip -re FILES.zip FILES/
MacOS supports decryption of such files (I don’t know about Windows).
Safer: AES-256 encryption
• MacOS app: https://www.keka.io/en/
• Windows app: https://www.7-zip.org/

2026-05-31 14:27:00 UTC

RE: https://mas.to/@vrandecic/116669516161287801
It’s interesting how many people want the results (fame, money, etc.) but don’t enjoy the work that gets them there and don’t really care about the product. That’s also how we have been producing goods (food, furniture, clothes, etc.) for a long time.
#note1qnn…yeyn

2026-05-23 15:15:10 UTC

- reply

True! Restarting fixed it, probably a partial download somewhere. I’ll delete my post.

2026-05-23 12:33:23 UTC

Weird YouTube bug that only occurs in Firefox (Mac): You can’t see Chinese characters in comments anymore.
Example: https://www.youtube.com/watch?v=TERB9EVMIAo
https://cdn.fosstodon.org/media_attachments/files/116/623/904/567/998/025/original/19e9d41ba9dfb025.jpg

2026-05-21 17:17:52 UTC

- reply

You can also experiment with container.removeChild() and container.appendChild().

2026-05-21 16:30:07 UTC

- reply

Interesting! I found something: .childNodes seems to return a live collection – which becomes empty when you .remove().
https://stackoverflow.com/questions/72483973/javascript-element-remove-not-remove-dom

2026-05-15 18:59:16 UTC

I’m still processing what’s going on in tech at the moment. I used to feel at home in that world. It used to feel incredibly creative and positive. Now it’s increasingly full of bugs, dark addicting patterns and AI slop.
I’m not sure how to change that. We need to provide a better vision for the future than what’s currently pushed by most tech companies. They have a lot of power and (e.g.) many politicians listen to them. That’s why different narratives are important.
https://2ality.com

2026-05-09 14:43:05 UTC

- reply

Just in case you didn’t know: Mastodon now supports true quote posts (with a much better UX in the web app – no more visiting another website to see the quoted post).

2026-01-23 07:10:59 UTC

- reply

It makes fun of the trailers Marvel is currently putting out: So many characters are going to be in “Doomsday”. I would love Kermit to be in it, though!

2025-11-22 18:47:38 UTC

- reply

Thanks! My problem is that I use a variety of Homebrew packages (including LaTeX). These two apps look promising, but I’d expect there to be issues and I’m not sure if I have the patience for that.
https://github.com/holzschu/a-shell
https://ish.app/

2025-11-18 18:28:56 UTC

Crunchy peanut butter (100% peanuts):
• At room temperature: Stir until all separate oil is gone.
• Afterwards: Keep in a fridge. It remains creamy but the oil doesn’t separate anymore (at least not before I finish the jar 😀).

2025-11-06 16:15:55 UTC

CSS: I’m not sure fluid typography/layout is a good idea. I’m regularly coming across web pages that don’t look good when I open a large browser window on my 27-inch display—e.g.: YouTube looks great at half screen, not ideal at full screen.

2025-10-28 01:05:14 UTC

Using Cloudflare for static file hosting:
• Cloudflare Pages is easy to use but forwards requests from /home.html to /home (which I don’t want because it changes existing URLs)
• Solution: Switch to Workers where forwarding can be switched off.
• New problem: / isn’t forwarded to /index.html anymore. Not sure how to fix that yet.
• A % in a filename caused an error with an obscure message and prevented deployment.
I may not be their target audience. I just want simple static file hosting.

2025-10-22 16:34:07 UTC

- reply

Great idea!
:root {
--empx: calc(1em / 16);
}
width: calc(32 * var(--empx));

2025-10-21 12:18:47 UTC

#CSS breakpoints: I haven’t found any good sources that explain the “break” part of that term. Maybe: That’s the point at which the layout breaks?
All material on responsive design I have seen explains what a breakpoint is but not why that term was chosen. Traditionally, it meant something very different: https://en.wikipedia.org/wiki/Breakpoint

2025-10-01 20:59:58 UTC

- reply

Indeed an interesting JavaScript inconsistency: https://gist.github.com/rauschma/505256190982dec4f66dbf0a28872db4

2025-09-26 13:50:55 UTC

Interesting take on USA politics by someone who escaped a cult: Many people seem to be waking up from a cult-like experience—which is a scary and extremely confusing. She suggests compassion instead of “told you so” to help them move further in the right direction.
https://www.youtube.com/watch?v=_oyMf6YZTto

2025-09-24 12:56:12 UTC

There is a proposal to add optional type annotations to JS: https://github.com/tc39/proposal-type-annotations
But I’m wondering: Wouldn’t be better if browsers supported type stripping (like Node.js etc. already do): It feels cleaner to me.
JSPM already supports client-side type stripping (if a file has the filename extension .ts): https://jspm.org/docs/cli/

2025-09-23 22:36:33 UTC

- reply

Thanks! My use case is TSV data. I edited the post to mention that.

2025-09-23 17:17:09 UTC

My “Learning Web Development” series is almost complete. I like how it has turned out:
• I’m amazed by how much people need to know to do web dev (even with as few tools as possible).
• I *think* I managed to teach everything you need to know to be productive. And relatively quickly, too.
I haven’t yet gotten feedback from an actual non-programmer, though! I’d be very curious if they feel overwhelmed, challenged or relaxed by the material.
https://2ality.com/2025/08/learning-web-dev-toc.html#table-of-contents

2025-09-21 20:31:17 UTC

- reply

Interesting!
This is how I do figures in *my* Markdown dialect (that I use for my books): 😀
::: {!float for="Quote" #quo:churchill}
> For myself, I am an optimist — it does not seem to be much use being anything else.
- - -
— Winston Churchill
:::
Syntax inspired by Pandoc and Djot…
Definitely more verbose but also works for figures and tables (output: HTML and LaTeX).

2025-09-21 14:32:30 UTC

Interestingly, there is no simple way to replicate the following HTML with Markdown (without using HTML tags):
<blockquote>
<p>
For myself, I am an optimist — it does not seem to be much use being anything else.
</p>
</blockquote>
<div>
— Winston Churchill
</div>

2025-09-19 20:40:04 UTC

- reply

2/ Optional service: Keep a backup somewhere that downloads from current server and can upload to a new server, should something happen. The latter works because post IDs don’t change.

2025-09-19 20:39:57 UTC

1/ Would this work with ActivityPub? Idea for making #Mastodon accounts more portable:
Domain becomes user name: DNS entry specifies current server. Optional: Domain name also points to current server.
All servers have universal URLs (and IDs) for posts: some-server.com/@some-user.com/021132...
• Each server uses the DNS entry of some-user.com to determine the user’s current server and retrieves posts from there.

2025-09-19 17:02:58 UTC

In Apple’s Notes.app, you can now export to and import from Markdown.
https://www.macrumors.com/how-to/ios-import-export-markdown-apple-notes/

2025-09-19 10:34:01 UTC

In programming, syntax is:
A) The specific structure of source code that follows certain rules
B) The rules for that structure

2025-09-17 15:17:16 UTC

It’s a minor thing but it feels like #Mastodon should remove the slash at the end in the following case:
https://example.com/
Example that would look better without a trailing slash: https://fosstodon.org/@rauschma/115220289238584826

2025-09-17 15:14:49 UTC

For Europeans: This website tells you how to protest against the planned Chat Control law which would have significant negative consequences for Europe.
You can switch languages: https://fightchatcontrol.eu/

2025-09-17 12:27:48 UTC

#Markdown: What do you prefer?

2025-09-16 00:05:34 UTC

Another npm supply chain attack. Hopefully npm will add measures to make installing packages safe(r) again. pnpm has already added one (*).
https://socket.dev/blog/tinycolor-supply-chain-attack-affects-40-packages
(*) https://github.com/pnpm/pnpm/releases/tag/v10.16.0

2025-09-15 13:07:32 UTC

Learning web development: Authenticating users with plain Node.js
https://2ality.com/2025/09/authenticating-users-nodejs.html
#2ality #WebDev #JavaScript #NodeJS

2025-09-15 09:59:40 UTC

On my Mac, `gh auth` (GitHub CLI) works really well: It logs me in globally (as if I had used ssh-add). Same on Windows?
Background: I’m exploring how to explain GitHub to beginners. For myself, I use ssh-add, but for beginners gh auth seems simpler.

2025-09-13 18:30:24 UTC

I’m surprised that this functionality isn’t included in the web crypto API:
import { generateSalt, hash, verify } from "@brielov/crypto";
const password = "mySecurePassword";
const salt = generateSalt(); // Generate a secure salt
// Hash the password
const hashedPassword = await hash(password, salt);
// Verify the password
const isVerified = await verify(password, hashedPassword, salt);
console.log(isVerified); // true or false
https://github.com/brielov/crypto

2025-09-12 18:19:38 UTC

Is there a very simple authentication library that works with plain Node.js (=is not a middleware for Express etc.)?
http-auth (*) kind of fits the bill but I don’t like that authentication will be completely unsafe should someone decide to deploy via HTTP.
(*) https://github.com/gevorg/http-auth
Target group: beginners doing their first experiments.

2025-09-12 12:56:03 UTC

Learning web development: Implementing web servers
https://2ality.com/2025/09/implementing-web-servers.html
#2ality #WebDev #JavaScript

2025-09-11 20:38:39 UTC

“Quote post functionality will arrive on mastodon.online and mastodon.social next week, and will be available in Mastodon 4.5 soon thereafter.”
https://blog.joinmastodon.org/2025/09/introducing-quote-posts/
Another Mastodon weakness that’ll soon be fixed: https://2ality.com/2024/11/mastodon-weaknesses.html#quote-posts
#Mastodon

2025-09-10 08:38:01 UTC

- reply

Good point!

2025-09-09 16:56:27 UTC

Preact without a build step: https://rauschma.github.io/learning-web-dev-code/projects/display-clicks-preact.html
I have to say I really like `html` tagged templates: No new JavaScript syntax (vs. JSX) but still fairly intuitive to use.

2025-09-09 16:46:36 UTC

Learning web development: Frontend frameworks
https://2ality.com/2025/09/frontend-frameworks.html
#2ality #WebDev #JavaScript

2025-09-08 12:25:36 UTC

Interesting new “technology”: tiny vinyl
A normal vinyl record, with two differences:
• Only 4 inches (10 cm) in diameter (less than a CD at 12 cm)
• A smaller center (which most record players should have no problem with)
Two sides, 4 min of audio per side
https://www.tinyvinyl.com/

2025-09-07 11:04:29 UTC

Learning web development: Installing npm packages and bundling
https://2ality.com/2025/09/npm-packages-bundling.html
#2ality #WebDev #JavaScript

2025-09-06 10:32:09 UTC

URL nomenclature: Does anyone know which one is correct?
A) https://example.com/
B) ../image.jpg
A always seems to be called absolute URL. For B, I’m seeing:
• Relative reference: https://developer.mozilla.org/en-US/docs/Web/API/URL_API/Resolving_relative_references
• Relative URL: https://www.rfc-editor.org/rfc/rfc1808
I’d trust the latter more but maybe it’s outdated?

2025-09-03 10:02:49 UTC

Wondering: Is this still the best way to run an npm script every time a file changes (`onchange` is an npm package)?
onchange 'app/**/*.js' 'test/**/*.js' -- npm test
`node` now has --watch but as far as I can tell, it can’t be used in this case(?)

2025-07-18 10:44:34 UTC

Am I getting this right?
• Both Node.js and Deno grant permissions to the whole app (network access, file access, etc.).
• Wouldn’t it be better to additionally specify permissions for dependencies? That could prevent a rogue utility library from accessing files even though the app itself is allowed to access them.

2025-07-17 15:12:31 UTC

- reply

You should also check out this one. I’ve heard good things about it.
https://cdn.fosstodon.org/media_attachments/files/114/869/213/178/863/142/original/28bd4280f43b3a8c.png

2025-06-12 11:43:22 UTC

- reply

Danke für die Tipps! Habt Ihr eine Meinung zu 1&1?

2025-06-10 00:12:20 UTC

What is your favorite simple(!) task runner—which basically just provides directory-specific aliases for shell commands?
The classics:
• make
• npm run
Look interesting:
• https://github.com/jakebailey/hereby
• https://taskfile.dev

2025-06-03 16:43:34 UTC

Operations that return iterators in JavaScript. Did I forget any?
https://gist.github.com/rauschma/ac3133b5814a8b3d09e833df062b0d1d
It’s neat that we now can use the Iterator method .toArray() instead of spreading or Array.from():
> ['a', 'b'].keys().toArray()
[ 0, 1 ]

2025-05-04 15:59:41 UTC

Interesting #TypeScript problem:
• Typedoc is a devDependency.
• It has TypeScript has a dependency. Therefore, tsc is installed into node_modules/.bin
Consequence: `npm run build` uses Typedoc’s old tsc and not the globally installed current tsc.
My workaround is to delete the symlink node_modules/.bin/tsc

2025-05-04 13:02:57 UTC

Have you used https://jsr.io/ ? If yes, I’d be interested in your experiences.

2025-03-28 19:53:15 UTC

Could JavaScript have synchronous `await`?
https://2ality.com/2025/03/sync-await.html
#JavaScript #2ality

2025-03-26 13:43:09 UTC

#TypeScript: I’m thinking about the pros and cons of classes vs. object types (if no inheritance is involved):
– Pro of classes: compact definition of type, instance factory, operations and property default values in a single place
– Pro of object types: works better with serialization/deserialization (e.g. JSON).
Anything else?

2025-03-22 11:01:57 UTC

#TypeScript: Node.js has become quite good at auto-detecting what kind of code is passed to it via CLI options or stdin—e.g. this works (type annotation is only there to demo this feature):
node -e 'const x: string = "YES"; console.log(x)'
Details: https://nodejs.org/api/cli.html#--input-typetype

2025-03-19 21:43:24 UTC

- reply

Makes sense!

2025-03-19 21:05:08 UTC

- reply

Doesn’t Swift treat text more opaquely and lets you extract various kinds of units? But I may misremember!
Given the popularity of UTF-8, I’m wondering what the best approach would be for handling Unicode. Maybe:
• Data: UTF-8
• Access: .codeUnitAt() and .codePointAt()
• Iteration: over (indices of) code points and graphemes

2025-03-19 19:19:29 UTC

#Golang 🙄: “‘Code point’ is a bit of a mouthful, so Go introduces a shorter term for the concept: 'rune’. The term appears in the libraries and source code, and means exactly the same as ‘code point’ […]”
https://go.dev/blog/strings

2025-03-17 20:34:15 UTC

- reply

I’d like to hide implementation details, so I’d do: https://www.typescriptlang.org/play/?#code/JYOwLgpgTgZghgYwgAgJIgVCBbC4D2UyA3gFDLKgIAUAlAFzIBu+wAJqQL6kwCuGYYPhDJMEOJHRjcBKACZqCXlCzhkAXmQAGBmgxYZYQiXLIsYZSLIUKVOiZs2lKvGADUbgNymKnADSm3NxAA
(Looking at the code right now, I realize that I should change the interface because with only .inc():void there is no way to retrieve the current counter. But that doesn’t change the basic challenge.)

2025-03-17 20:26:41 UTC

- reply

Interesting! My impression is that the official direction for React is now large sites.
All of my projects are small and I still stick with Preact and a tiny core of React features – e.g. I have switched to hooks but virtually never need any—similar to what you see here: https://gist.github.com/developit/4b5d583489e65561c4c1c5dfc4ce5e44

2025-03-17 19:14:49 UTC

- reply

Interesting. Maybe a setting in a tsconfig.json that is in range?
You could try this one (leave all settings as they are but adjust "include"): https://rauschma.github.io/tsconfigurator/site/

2025-03-17 18:22:53 UTC

- reply

This is something I still want to try out (my previous experiment with signals had mixed results): https://gist.github.com/developit/4b5d583489e65561c4c1c5dfc4ce5e44

2025-03-17 18:19:09 UTC

- reply

Have you removed the (a)ts-expect-error?
https://www.typescriptlang.org/play/?#code/JYOwLgpgTgZghgYwgAgJIgVCBbC4D2UyA3gFDLKgIAUAlAFzIBu+wAJqQL6kwCuGYYPhDJMEOJHRjcBKACZqAZzBwoYZAF5kABgZoMWGWEIlyyLGF5QRZChQT5+kKI2WqwAGjMUqdU3bswAAtgRQA6BydoAGpogG5vZE4vCk5kOEV9aTxjKATOIA

2025-03-17 17:54:33 UTC

- reply

You’d think that would work, but alas: https://exploringjs.com/tackling-ts/ch_typing-objects.html#:~:text=Alas%2C%20even%20with%20a%20type%20assertion%2C%20there%20is%20still%20one%20type%20error%3A

2025-03-17 16:59:48 UTC

#TypeScript – surprisingly tricky to fix:
type Incrementor = {
inc(): void,
};
function createIncrementor(start = 0): Incrementor {
return {
counter: start, // error
inc() {
this.counter++; // error
},
};
}
Best solution (AFAICT): Assign object to a variable, return that variable (then excess properties are allowed).
https://exploringjs.com/tackling-ts/ch_typing-objects.html#allowing-excess-properties-example-incrementor

2025-03-16 21:43:44 UTC

- reply

I kind of like it so far. What do you prefer when it comes to compiling to native code?

2025-03-16 21:16:59 UTC

I’m playing with Go (the programming language…) a little. Really easy to get started.

2025-03-16 20:19:24 UTC

This symbolizes how big tech works now: I told YouTube that I’m not interested in shorts. But it doesn’t take no for an answer.
https://cdn.fosstodon.org/media_attachments/files/114/173/955/571/747/344/original/77869db4bdfbdc36.jpg

2025-03-15 16:54:48 UTC

It’s amazing how far people have taken dice: up to 256 sides!
https://commons.wikimedia.org/wiki/Dice_by_number_of_sides

2025-03-15 16:32:20 UTC

- reply

I had the same thought: I had never checked if `type` supports multiple, comma-separated definitions. But indeed it doesn’t.
To be fair: default exports are kind of a weird feature.

2025-03-15 16:17:18 UTC

#TypeScript: Interesting small syntax inconsistency:
// Works
export default interface Intf {}
export {
type SomeType as default,
}
// Does not work:
export default type SomeType;

2025-03-14 13:50:01 UTC

- reply

And it really doesn’t have to be that way. Humans are much more altruistic than you’d think. But many of the people in power are (or think like) MBAs where thinking in terms of profit is very common. Studying MBA changes people and makes them less altruistic (from what I have seen). And it’s rubbing off on all of us.
It’s an MBA myth that you are a sucker if you are altruistic: If we all were altruistic, society would work much better (even according to MBA metrics).

2025-03-13 00:27:51 UTC

#TypeScript – I’m going back and forth between these two alternatives:
"target": "ES20YY"
"target": "ESNext"
Benefits:
• ES20YY: use new features on old platforms (via transpilation)
• ESNext: never needs updating; ensures there’s never transpilation (useful with erasableSyntaxOnly)

2025-03-11 15:32:48 UTC

I keep getting this wrong: The official abbreviation of WebAssembly is spelled “Wasm” (not “WASM”). It’s not an acronym.
https://webassembly.org

2025-03-11 14:56:21 UTC

#TypeScript is being rewritten in Go: “The native implementation will drastically improve editor startup, reduce most build times by 10x, and substantially reduce memory usage.”
https://devblogs.microsoft.com/typescript/typescript-native-port/

2025-03-10 19:25:42 UTC

- reply

I take it this is about X/Twitter and not about Boston TS? 😉

2025-03-08 15:16:27 UTC

#TypeScript: helper for enum objects
const Tree = createEnum({
Maple: 'Maple',
Oak: 'Oak',
});
type X = typeof Tree;
// {
// readonly Maple: "Maple";
// readonly Oak: "Oak";
// }
https://gist.github.com/rauschma/867583e0a09e4dbc63f9c59ac38f956f

2025-03-05 13:15:33 UTC

Lynx is a new competitor to React Native by ByteDance: https://lynxjs.org/
• Can be used via React (but that’s optional): https://lynxjs.org/react
• Build tools are based on Rspack: https://lynxjs.org/rspeedy
It’s a shame that it only runs in the terminal (OK, that one’s a joke).

2025-03-04 20:39:37 UTC

It’s really difficult to pick an operating system right now:
• macOS is continually degrading in quality: Apple are over-promoting their services and there are more and more small bugs and glitches: https://mjtsai.com/blog/2025/03/04/premium-hardware-subpar-software/
• Same for Windows: ads, AI, etc.
Linux still has many issues but is slowly catching up.

2025-02-27 13:30:28 UTC

What is TypeScript? An overview for JavaScript programmers
https://2ality.com/2025/02/what-is-typescript.html
#TypeScript #2ality

2025-02-26 16:17:08 UTC

What are the most popular bundlers at the moment, apart from Vite?
My list is currently:
* Libraries: esbuild, Rolldown, Rollup, Rspack
* Larger: RSBuild, Parcel, Turbopack, Rsbuild
I haven’t heard much of Turbopack since its introduction, though. Is that because it’s used internally by the Next.js tooling?

2025-02-26 11:52:37 UTC

Why still bundle JavaScript?
Given that HTTP/2 lets us download multiple files per connection, the one remaining benefit is the elimination of unused code, right?

2025-02-25 20:18:47 UTC

I’ve never seen that before on the web. https://frame.work is getting a lot of traffic after new products were introduced.
This “waiting room” is a Cloudflare feature: https://www.cloudflare.com/application-services/products/waiting-room/
https://cdn.fosstodon.org/media_attachments/files/114/066/362/277/600/261/original/9c3752edac24c238.jpg

2025-02-25 16:08:53 UTC

Node.js wish: Parse the hashbang on all platforms and use its options. Example:
#!/usr/bin/env -S node --disable-warning=ExperimentalWarning

2025-02-21 22:18:16 UTC

#TypeScript: Baffled where the `never` comes from. Is that a TS bug?
type SimpleEqual2<X, Y> =
X extends Y
? (Y extends X ? ['trueY', X, Y] : ['falseY', X, Y])
: ['falseX', X, Y]
;
type R = SimpleEqual2<'a'|'b', 'b'|'c'>;
// ["falseX", "a", "b" | "c"] | ["trueY", "b", "b"] | ["falseY", never, "c"]
Full exploration: https://www.typescriptlang.org/play/?#code/C4TwDgpgBAKgrmANhAzgDQDxoDRQJoB8UAvFGlBAB7AQB2AJivlAPxQDaA5MAE5wRpOuHPgC6UAFwdOAMwCGiFAKFlceUQG4AUKEixypeElSZOczgB9OAIxU3LnAMacC2qFAD0HjgCJ5igR9cHzkgqB9rHygLcMcfcRj2H15+NDCI9Mjo2PitHXBoI2QUPCw1IlI8Cmo6RjJWaRSIPBURdUlpfyUW4TVNfL0YKsMEYtKM4KyYnzjXLXcvXya8TNWE3y7m1eC40TzdaABlAEsAW2MAUQBHOAUAJjL8Cvn6qhoGJjwX9zYACiq3rUmOQ2Fxlq0+h0uJseqoxABKb5Q2QKJSCXpiLTaA5QABKJCgJ3OyGut0QDzMDlsuHsVmccwW3iSmzSwVCkyi0122SSy224Ui62ZqK2uFoEAAbhAeDtckA

2025-02-20 20:14:33 UTC

Apologies to people who follow me for JavaScript content: At the moment, I’m focusing on TypeScript, but that will change again (I have many ideas for JS posts).
I’m tagging my TS posts with # TypeScript so that they are easy to mute.

2025-02-19 08:25:10 UTC

#TypeScript: When do you upgrade after a new version comes out?

2025-02-17 12:36:25 UTC

Symbols in TypeScript
https://2ality.com/2025/02/symbols-in-typescript.html
#TypeScript #2ality

2025-02-16 18:39:13 UTC

#TypeScript: Is it possible to create an object that is assignable to the following type (without using `as`)?
type Obj = {
readonly sym: unique symbol,
};
const SYM: unique symbol = Symbol('SYM');
const obj: Obj = {
sym: SYM,
// Type 'typeof SYM' is not assignable to type 'typeof sym'.
};

2025-02-16 17:02:29 UTC

- reply

Argument in favor of single-quote string literals: It’s easier to quote HTML—where double quotes are a clear standard.
I got used to single quotes there and now use them elsewhere too.

2025-02-16 14:11:35 UTC

#TypeScript—Check all that apply:

2025-02-16 14:00:17 UTC

Deno: Does anyone know why import maps have to look like this?
{
"imports": {
"@std/async": "jsr:@std/async@^1.0.0",
"@std/async/": "jsr:/@std/async@^1.0.0/"
}
}
At least according to the documentation whose explanation I don’t understand: https://docs.deno.com/runtime/fundamentals/modules/#differentiating-between-imports-or-importmap-in-deno.json-and---import-map-option
• Only necessary if there is a subpath after @std/async ?
• Why a slash here (second entry)? jsr:/

2025-02-14 22:24:07 UTC

Really not a fan of Netflix constantly rearranging “My List” in the web app. At least you can switch it off in the mobile app now.

2025-02-14 21:45:55 UTC

- reply

Interesting that people even consider that. Genuinely curious where this makes a difference.
Which one to pick also depends on whether you want efficient random access or not.

2025-02-14 12:25:17 UTC

- reply

In my mind (again, with limited knowledge of CSS):
1. Window resizes
2. Layout is recomputed
3.1. Try WithSidebarLayout
3.2. Is the main column too small? Then switch to NoSidebarLayout.
That’s basically how Flexbox already works if you use this pattern: https://every-layout.dev/layouts/sidebar/

2025-02-14 11:50:47 UTC

It’s not always possible to go that route, but I prefer repeating directory names—e.g.:
utils/utils.js
resources/resources.md
Over a generic “main file” name:
utils/index.js
resources/index.md
Exceptions:
* index.html in HTML
* README.md on GitHub

2025-02-13 18:01:40 UTC

- reply

I may have gotten CSS terminology wrong: Your 3 passes are a single pass in my mind. You’d never go back once you went from WithSidebarLayout → NoSidebarLayout.

2025-02-13 17:33:01 UTC

- reply

Only within a single layout pass. But it’s only a vague idea and may not make sense.
Mainly, I’m assuming that because :has() works, my idea can be implemented too.

2025-02-13 15:00:51 UTC

- reply

Without knowing anything about how CSS is implemented by browser engines—you can constrain by context:
IF inside WithSidebarLayout, the main column is too narrow THEN switch to NoSidebarLayout.
No idea how that would be expressed in CSS syntax, though.
The CSS :has() pseudo-class is similar in how it goes against CSS’s grain.

2025-02-11 18:40:03 UTC

#TypeScript: looping over union types
type AlwaysWrap<T> = T extends any ? [T] : never;
type Result = AlwaysWrap<number | 'a' | 'b'>;
// [number] | ["a"] | ["b"]
Best approach or can this be done more concisely?

2025-02-10 20:36:11 UTC

- reply

If the docs say “nicer” then that’s an interesting clue.
Array<> has a lot of benefits. Many newcomers are confused by the difference between [number] and number[]. Etc.

2025-02-10 15:59:26 UTC

Does anyone know why #TypeScript uses square brackets notation (number[]) when displaying types and not angle brackets notation (Array<number>)?