Peter Kröner
@sirpepe.bsky.social
130 followers 100 following 660 posts
Shitposting about vanilla #webdev. Also there's cat pictures and bursts of travel. Reading web technology specs and doing training/consulting on said web technologies. Also at @[email protected]
Posts Media Videos Starter Packs
Reposted by Peter Kröner
According to HTTP Archive, Next.js sites see the **worst** Core Web Vitals performance when compared to other popular frameworks

httparchive.org/reports/tech...
Screenshot from https://httparchive.org/reports/techreport/tech?tech=ALL,Next.js,Ruby+on+Rails,Astro,SvelteKit,Svelte,React,VitePress&geo=ALL&rank=ALL&page=1
Required hardware for long, grueling #typescript workshops: a basic CO2 monitor. Keeps everyone awake and sharp!
A battered, basic CO2 monitor reading 456 ppm
Reposted by Peter Kröner
"5 useful JS APIs that you've never used": Peter Kröner (bsky.app/profile/did:...) aims to drag a few unknown JavaScript features into the limelight and help developers solve some of the more esoteric challenges that can crop up in web development.

full agenda: ct-webdev.com/agenda-2025/ #ctwd25
bsky.app
Reposted by Peter Kröner
It's true: if you DIY your web #frontend you miss out on numerous features! Like supply chain attacks, IP laundering via stochastic parrot, and, lately, simping for war criminals. But, y'know, tradeoffs! 🤡

#webdev #JavaScript

nitter.net/rauchg/statu...
... and we immediately get sidetracked with solving actual production problems via less-known #javascript features. As usual!
This week's workshop comes without travel blogging because it's not at the other side of the country, for a change!
Reposted by Peter Kröner
#React
elopers: "you can't expect mere mortal developers to deal with the complicated DOM API"

Also React
elopers, reading react.dev/reference/re...: "this is fine"

🤡

#webdev #javascript
useEffectEvent – React
The library for web and native user interfaces
react.dev
Reposted by Peter Kröner
The only real downside of oklch() is that you first have to beat everyone around you into submission #css #webdev
#React
elopers: "you can't expect mere mortal developers to deal with the complicated DOM API"

Also React
elopers, reading react.dev/reference/re...: "this is fine"

🤡

#webdev #javascript
useEffectEvent – React
The library for web and native user interfaces
react.dev
The only real downside of oklch() is that you first have to beat everyone around you into submission #css #webdev
Monsieur now has only three teeth left, but is tripping on some very fun painkillers #caturday
Ragdoll cat loafing on a blanket, looking slightly confused
Yep. The browser still absolutely owns tho.
Trapped in Lower Bavaria, send help
Phone connectivity status indicating mere traces of 2G
I'm sure it makes sense to her #cats
Ragdoll cat has wedged herself under a pillow
The plan was to just modularize language loading in Code.Movie's online playground. Now there is basically no pixel where it was before 🫠
Low-key hating the fact that #TypeScript does indeed type check the arguments to Array.prototype.includes(), Set.prototype.has() and the like.
const things = [1, "a", false];

// (╯°□°)╯︵ ┻━┻
if (things.includes(null)) {
}
Joke's on me: the conference has 4 AI tracks, one for Blockchain (!) and bunch of backend/culture stuff. Nothing for straight up JS 🤡
I am apparently going full joker for this next round of #webdev and #javascript conference CfPs.
Extreme Rules Lawyering with the ECMAScript Specifications

Nerds all over the galaxy agree: TECHNICALLY correct is the best kind of correct! So why not mine the ECMAScript specifications for some technically valid JavaScript programs that “work”, but only by exploiting a wide variety of obscure semantic loopholes on the way? This talk goes far beyond mere syntactical obfuscation and explores the absolute fringes of JavaScript—for fun and for very, very little profit. Let us summon forbidden objects, unearth unholy functions that are not meant to be developer-accessible, and abuse features that TC39 would REALLY like to sweep under the rug.

Anybody can follow “best practices” and write “readable code”, so how about learning something actually new and unique? This session will instantly turn you into a living and breathing JavaScript infohazard, uniquely able to conjure up valid JavaScript programs that even ChatGPT could not hallucinate.
Reposted by Peter Kröner
adding "genuinely concerned this is a cognitohazard" to my list of reasons for avoiding AI tools
Reposted by Peter Kröner
The quick and dirty #PWA that serves as my timer app for talks is 260 LOC JS (excluding the auto-generated service worker). This is simultaneously not much and quite a lot. But it would be SO MUCH MORE without the Temporal and Intl APIs! Truly game-changing additions to #JavaScript!