Timon van Spronsen

@rickpastoor It's muuuuuch faster now for me!

@timonvspronsen Both fixed!

Give it to me: what would you change on this landing page? One box ticked at least: showing off Cirrux Mail. cirrux.co

@rickpastoor I also noticed that the images are PNGs, they should be much smaller as WebP for instance. You're using Next.js so there should be a built-in way to handle this automatically iirc, but it's been awhile since I used it.

@rickpastoor I'm curious why the hero is rendered with canvas. The JS for it is one of the last things that load for me, but it's the first thing you see. In general I was getting quite slow loading performance, no throttling, ~40Mbps down right now.

@rickpastoor Nice dark mode btw! I did notice though that both PNGs for the screenshot get loaded regardless, at ~850 KB each. I think you should be able to solve this with a `picture` element. Example: #the_media_attribute" target="_blank" rel="nofollow noopener">developer.mozilla.org/en-US/docs/Web…

@christianreber Same. But opening another chat and then switching back fixes it for me usually.

Anyone else using WhatsApp on macOS? I constantly need to restart the app because I can't enter the input field to write a message. Can't seem to figure it out.

@mattpocockuk I wouldn’t want to use a programming language that doesn’t have this tbh, which is unfortunately most of the popular languages.

Discriminated unions are honestly just so freaking cool

@daveyheuser I haven’t actually used it yet, but these were my exact feelings when they showcased it. The current Photos app isn’t a UX marvel either imho 😅

Hard agree. Is this what it’s like to feel old?

@jlengstorf Wait till you notice the scrolling issues this thing has 😬. I cannot for the life of me understand why people love this thing. The form factor is pretty nice tho.

I got the MX Master 3 mouse because everyone has great things to say about it and... it makes my MacBook Pro unusable? menu bar gone, settings ignored and... the right click button is just... not listed as a button? I have to be using this wrong. anyone care to share any tips?

@noudadrichem Zou het voor een klein project zeker niet doen, maar ik overweeg het voor onze component library op het werk waar we nu SVG naar JSX converteren (veel overhead met createElement calls, en wordt niet altijd goed getreeshaked).

@timonvspronsen Ja dacht dus ook aan public. Een edge function voelt overkill tho. Gebruik jij dat?

What’s the “cleanest” way to use custom icons in React? I’m thinking component wrapper for exported SVGs. But the sizing feels tedious and maintaining is annoying. Could also just make a font of it? Add it to /public and use directly? SVG sprite? #react #nextjs

@mattpocockuk I inherited a codebase that makes heavy use of Redux Saga which makes me appreciate the power of generators. I would love to try Effect for backend code and the compatibility with TypeScript, which Saga is lacking imo.

Are you excited about Effect?

@storybookjs This feature would be awesome when combined with composition. Could really help designers create stories to showcase patterns.

@storybookjs Nice! This makes me think of something I’m missing for our component library: we have components that take children (ReactNode), this currently shows up as an object which makes it impossible to try a component to its fullest extent (composition).

🚨 New feature alert 🚨 We’re prototyping a way for you to create new stories in Storybook via controls! First, customize your story’s controls in Storybook. Then, either update the current story or save to a new one!

@kripod97 I can confirm that it's working for me in VS Code, but it doesn't in TS Playground or Stackblitz. How do you specify different behavior for different `as` values? It doesn't seem like the incoming props can be narrowed with this approach (?).

@timonvspronsen That’s pretty weird, as I couldn’t get the example to work on that playground, either – no matter what TSConfig options I’ve used 🤔 However, in a local IDE like VS Code, types are working without specifying the type parameter explicitly.

New article about type-safe polymorphism in React ⚛️ Addressing a long-standing performance issue within `@​types/react` in the process, this took quite some time to write. Let your peers know about getting the ‘as’ prop right 🔁 kripod.dev/blog/behind-th…

@derekkraan I'd never thought to use `srcdoc` for this, that's genius 🤯. I like how you've also made it a link, so that you can middle click to open it in a new tab. For me the YouTube video doesn't autoplay after clicking though, I'm using the latest version of Chrome on Mac.

TIL, Embedding a YouTube video on your site can kill its loading performance. Facade to the rescue: using iframe's `srcdoc` attribute, we can avoid loading YT assets until the user clicks play. Did it help? Google's PageSpeed Insights seems to think so! See before/after.

Making a little VS Code extension to help me with the boring work of converting a JS codebase to TypeScript. I want to let AI do the work, and I just check the diff and make adjustments where needed :)

@briankardell I figured you would know most of these :). I didn’t know about Igalia Chats yet, I will definitely give it a listen! Got any other recommendations?

@timonvspronsen Yeah I love several of these, Software Unscripted is new to me - will check it out, thanks! And I agree about Jake and Surma - in fact, we recently had them on our podcast, if you can't get enough :) igalia.com/chats/otmt

I need a good new podcast. Preferably one that is web related, but really pretty open. I had a nice, maybe overly full one developing during football season, but now I am feeling the emptiness... Suggestions?

I'm converting a big React codebase from JS to TypeScript. There's a lot of repetitive work involved (think, converting proptypes to interfaces). Perfect for AI. I have access to GitHub Copilot, but I cannot get CoPilot to access the file contents, anyone know how to solve this?