Peter Kröner

Frontend technology trash panda, DevRel @ Storyblok

Also at sirpepe.bsky.social on bluesky

Location: Kiel, Germany
Web: https://www.peterkroener.de/
Main side project: https://code.movie/

Public Key

npub1ws5duzulm09pmp0prwns0z7sr49hzzsq7zs6szdqktv3l4flckmq8k78jx

NIP-05 Address

sir_pepe_at_mastodon.social@momostr.pink

Profile Code

nprofile1qqs8g2x7pw0ahjsashs3hfc830gp6jm3pgq0pgdgpxst9kgl65lutdspz3mhxue69uhhyetvv9ujuerpd46hxtnfduqs6amnwvaz7tmwdaejumr0dsmyy25w

Publishing to

atlas.nostr.land

relay.damus.io

nos.lol

Author Public Key

npub1ws5duzulm09pmp0prwns0z7sr49hzzsq7zs6szdqktv3l4flckmq8k78jx

Show more details

Last Notes

2026-04-28 20:45:38 UTC

Watching AI bros gripe about price hikes
https://files.mastodon.social/media_attachments/files/116/484/278/461/962/268/original/f27362d830485567.jpg

2026-01-23 09:30:12 UTC

- reply

🚩✊ Friday is Dependency Deletion Day! Today on the chopping block: whatever library you use to encode and decode Base64. Nowadays Uint8Array has built-in toBase64() and fromBase64() methods that support all the flavors you can think of: with or without padding, with or without URL safety… no more need for that crusty old dependency! Free your node_modules, use native Base64 APIs!
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Uint8Array/toBase64
https://files.mastodon.social/media_attachments/files/115/943/703/190/988/424/original/3c38f4d43aff0863.mp4

2026-01-22 14:00:40 UTC

🙋 Ladies, gents, and dear non-binary pals: I could really use some work. Here's what I do best:
- Workshops: entertaining deep dives into JS, TS, web components, frontend performance, general vanilla webdev
- Development: performance-oriented vanilla frontends & refactoring of impenetrable legacy dumpster fires (esp. React, CSS)
- DevRel: yapping & writing about anything related to web frontends
- General coaching & code review for frontend technologies
Get in touch at peter@peterkroener.de!

2026-01-19 19:28:28 UTC

The Incredible Overcomplexity of the Shadcn Radio Button
👉 https://paulmakeswebsites.com/writing/shadcn-radio-button/
#react #webdev

2026-01-16 09:17:37 UTC

🚩✊ Friday is Dependency Deletion Day! Today on the chopping block: rimraf (103,000,000 downloads/week). Unless your Node.js version is from the Cretaceous, rimraf delegates to fs.rm under the hood anyway, so you might as well just skip the middleman. Free your node_modules, use fs.rm!
https://nodejs.org/docs/latest/api/fs.html#fspromisesrmpath-options
#javascript #webdev
https://files.mastodon.social/media_attachments/files/115/904/020/133/729/894/original/eaff0f062b5ee047.mp4

2025-11-05 14:28:52 UTC

#Fullstack #TypeScript developers vs. #vanilla #webdev ¯\_(ツ)_/¯
https://files.mastodon.social/media_attachments/files/115/497/548/570/106/174/original/c5788a1265b5577a.png

2025-09-02 11:23:44 UTC

- reply

arbitrary-precision integers have been a thing since ES2020: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt
If you need 64 bits specifically, you can probably get somewhere with BigInt64Array or BigUint64Array
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigInt64Array
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/BigUint64Array

2025-09-02 10:23:52 UTC

🤯🚨 BREAKING NEWS 🚨🤯
In a shocking development, new additions to the #ECMAScript standard WILL UNLEASH THE HERETOFORE UNAVAILABLE POWER OF ADDITION _IN JAVASCRIPT_ upon the world!
👉 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/sumPrecise
Only works in Firefox ATM. Like, Chrome and Safari can't even add numbers currently.
#javascript #webdev
https://files.mastodon.social/media_attachments/files/115/134/206/163/027/842/original/4c5c9c52bbb991a6.mp4

2025-07-09 13:56:36 UTC

- reply

Just build your own #frontend stuff already. It's fine. You don't need a complicated product sold to you by some company. It's really not that hard. And then it's all yours! It will only turn to crap if YOU want it to.
#webdev

2025-07-09 13:41:55 UTC

Hahaha, Vercel gobbled up Nuxt: https://vercel.com/blog/nuxtlabs-joins-vercel
This will turn out great, I'm certain! #webdev
https://files.mastodon.social/media_attachments/files/114/823/559/673/666/921/original/3b28e1ba0c3d7709.png

2025-06-05 08:35:08 UTC

Me: "I don't need no elitist #functional programming, I'll mutate my data structures in place! YOLO!"
Also me: "Why are there items missing from candidatesTo? Let me spend two hours debugging this 🤡"
#webdev #JavaScript
https://files.mastodon.social/media_attachments/files/114/629/812/361/445/064/original/a69cfb0286ad3988.png

2025-02-21 12:59:31 UTC

- reply

Something like this?
https://www.typescriptlang.org/play/?#code/C4TwDgpgBAwgNgQwM5IDwBUA0UCCUIAewEAdgCZJQCuJA1iQPYDuJA2gLpQC81djLHAHzcoCAEZJgAJwQBjYFBIQmUABQA6TQikBzJAC5cASm7D0AbgBQshiUlRikgIyH4yNACUIOgKIEw2DC2klJU8gxSAAraCAC2EMRSnt5+YEF20mHAEYLCPF6+-lY2GQ4QkgBMrogoqAWp2AgkIEIi9UVAA
I guess the type for args need to either come from somewhere or be any.

2025-02-16 18:43:41 UTC

- reply

https://www.typescriptlang.org/play/?strict=false&strictNullChecks=false#code/C4TwDgpgBA8gRgKygXigbwFBSgJwgQwBMB7AOwBsQoBnEAWwC4oBXUgSwEdnpa65jyAGgwBfANwYMAYzLVgUAMoBNALJNWnbjXr9yKRToEAKAOTKVJgJQTps+cURN4SVJmy8mpZuSGixQA
🙃

2025-02-12 14:11:28 UTC

Smuggling arbitrary data through an emoji
👉 https://paulbutler.org/2025/smuggling-arbitrary-data-through-an-emoji/

2025-01-31 13:23:25 UTC

- reply

Why not console.log(`Unexpected value:`, value)?

2025-01-22 13:13:59 UTC

The world's worst #react project uses _hundreds upon hundreds_ of lines of react-use-form spaghetti to do something that literally takes ~40 lines as a vanilla web component 🤦
https://codepen.io/SirPepe/pen/mybzrVb
#webcomponents
https://files.mastodon.social/media_attachments/files/113/872/169/929/320/776/original/1ae11b7b0d73a086.png

2025-01-22 11:30:07 UTC

- reply

Like this? https://www.typescriptlang.org/play/?#code/KYOwrgtgBAIsBmBDMAbALlA3gXwFCkigGUwAjAYQHsVKAnLPXAYxUQGc2oqbaAeAIVqIQAEygBeWAmToAfFlxQoAYlJDRAQgBcUQcJEBuRVDZpEaAJZMotYGMkhgAdy7U6vEhTe1ZACgCURkqm5lZQAOa2oBJQji7c7p4JPgFBJmaW1qQoYMAxca48HmTJfoG4jGgAngAOeQAqyTHVdZTwhXQAdLZiAD5QLcBtHbSdkcDR-YPDyd12RrgiwCyItlBMlCCmA8kAkltmIEzAOo3eCyjAGGjApjpNkmh7B8LHBkA 🤪

2024-12-05 12:13:16 UTC

Back to the world's worst #react project! I remain convinced that useEffect is the worst API for anything ever because nobody who is not a _giant_ nerd appears to be able to use it correctly. Sure, people should know their stuff, RTFM etc. but if the trash fires around useEffect _never_ stop burning, maaaaybe something is fundamentally wrong with the basic API design?
#webdev

2024-12-03 07:36:39 UTC

😱 Oh no... TIL that what Intl.Segmenter considers to be "word boundary" is implementation-dependent: https://tc39.es/ecma402/#annex-implementation-dependent-behaviour
V8 splits URLs, Firefox does not.
#javascript #webdev
https://files.mastodon.social/media_attachments/files/113/587/728/484/454/704/original/081f9c580830d451.png

2024-11-26 08:40:41 UTC

Wait, what?
❤️ is an emoji, so it is built up from surrogate pairs, right?
NOPE! Turns out it consists of U+2764 (plain ❤ symbol) and U+FE0F (Variation Selector 16)
This is why you should use Intl.Segmenter() and just deal with its abysmal performance 😭
#javascript #unicode #fml

2024-11-19 07:34:31 UTC

Oh look, it is "State of node_modules" o'clock again! https://survey.devographics.com/en-US/survey/state-of-js/2024 #javascript

2024-10-15 14:35:47 UTC

Thanks to the lack of #typescript in this project, I can simply cobble one-off event "subtypes" together with Object.assign() 🙃 Much better than creating "proper" subclasses (and the associated messing around with interfaces etc.)
https://files.mastodon.social/media_attachments/files/113/311/934/710/379/910/original/618f0f599f45978a.png

2024-08-31 12:40:12 UTC

- reply

I don't even hate TS and use it quite a bunch without issue. But it just does not work for some use cases and that needs to be acknowledged. Even if it drives the TS stans mad 🙃

2024-08-30 14:08:33 UTC

- reply

Kindof defeats the purpose of line 61. This function is supposed to take all sorts of nodes and return true only for specific element nodes.

2024-08-30 13:08:49 UTC

- reply

No. This is down to the way the type system works and how the DOM (and established practices in DOM programming) work differently. There is no fixing this 🙃

2024-08-30 13:03:34 UTC

- reply

Yep, that's not the problem. Node is simply a supertype of elements and friends... and TS does not understand what the different values for nodeType mean.

2024-08-30 10:58:36 UTC

- reply

'evt.target is possibly "null"'
Yeah, right, the target is null INSIDE THE EVENT HANDLER 🤦
#typescript #fail
https://files.mastodon.social/media_attachments/files/113/050/615/588/284/186/original/a6aa8546ed06e606.png

2024-08-30 10:35:45 UTC

#TypeScript is just plain bad with vanilla DOM programming 🤦‍♂️
https://files.mastodon.social/media_attachments/files/113/050/523/415/981/863/original/34c875a5b6b29a0b.png

2024-08-19 10:09:19 UTC

- reply

#typescript
https://files.mastodon.social/media_attachments/files/112/988/134/312/467/770/original/3c705c24a994ea4c.png

2024-08-19 10:07:30 UTC

So if you write "import type ..." you get a namespace, not a type (obviously). If the contents of this namespace needs to be globally available for declaration merging, you need to transform the namespace into a type to then have your interface extend it. And then tell eslint to shut up about the obviously non-empty interface.
This is fine #TypeScript
https://files.mastodon.social/media_attachments/files/112/988/104/748/699/230/original/dbf4909c96904977.png

2024-08-08 08:21:13 UTC

Ooooh that's very exciting: *Official* Puppeteer Support for Firefox! #webdev
https://hacks.mozilla.org/2024/08/puppeteer-support-for-firefox/