Brian Birtles 🇯🇵🇦🇺

久しぶりにメディアからインタビューを受けました。全然想定読者向けっぽくない感じの回答になってしまっていて、ほんとうにすみません / 気づけばFirefoxのコア開発者になっていた。「修正されないバグの報告」から始まった25年間 | レバテックラボ（レバテックLAB） levtech.jp/media/article/…

@birch_js @jamonholmgren I think it came from adding a bunch of debugging event listeners, noticing the bugs no longer reproduced and then progressively simplifying and removing them until they reproduced again. (I also know from working on browsers how tempting it is to optimize the no listener case.)

@brianskold @jamonholmgren Haha, exactly! I remember a particular code comment along the lines of "real browsers do this… and then there's Safari". I wouldn't have been able to solve this without knowing about Safari's no-op event handler quirks via 10ten. I'm wondering where you first came across it?

Took me days to work out the reason why the event-handling wasn't working properly in my web app for iOS. Obviously, all I needed to do was add a no-op double-click event handler on the document with an angry comment inside

@birch_js It's always the noop event handlers x.com/brianskold/sta…

@birch_js @jamonholmgren I taught you well 😅

@jamonholmgren I learned from the best. Writing up detailed angry comments about browser malconformance (invariably Safari) was a tradition in my previous workplace.

implemented Animation.overallProgress and it will be shipped on #firefox v142 :) it's already available on Nightly. groups.google.com/a/mozilla.org/…

@housecor I'm using @ReactCosmos because storybook was too much work to setup and maintain.

What are people using instead of Storybook these days? One simple alternative I enjoy: Create a page in the app that shows reusable components. This page isn't linked to by the nav, so it's only visible for developers. This avoids the overhead of keeping up with Storybook's changes (Storybook tends to churn a lot). And it automatically works since, unlike Storybook, it uses my app's config.

On #firefox Nightly 139, `commitStyles()` endpoint-inclusive behavior is enabled by default for checking Web-compatibility. Please give it a try! :) I couldn't have impl it w/o @brianskold's help, thank you so much! The details are here: github.com/w3c/csswg-draf… #webanimations

@douges Excellent, I'm glad to hear that! I didn't know about "merge-multiple" so I'll have to give that a try (and update the blog once I work it out). Thanks!

@brianskold thanks for birtles.blog/2023/12/17/sha… mate 🙏 — helped me get sharding merging fixed after moving from upload-artifact@3 to upload-artifact@4! download-artifact@4 now supports "merge-multiple" so your last section might not be needed now.

@hardfist_1 @rspack_dev @jait_chen Thank you so much, I'll give that a try.

@brianskold @rspack_dev @jait_chen If I want to debug in my local machine, I often run `node local_build/bin/rspack -c project_i_want_to_test/rspack.config.js`, so I can even use debugger to debug If I want to debug in CI or other complex environment, I often build a canary version for debugging.

@rspack_dev @jait_chen @hardfist_1 Any suggestions for how to try a local build of rspack in a pnpm project? I'm trying to bisect a regression in rspack but I couldn't seem to find an easy way to test out local builds over in github.com/birchill/10ten…

Stardew Valley has the best bugs

Why doesn't @retool have an AI-based app generator yet? Seems like an obvious fit when selling "internal tools made easy".

Introducing <NumberFlow/> for React: Transition, format, and localize numbers. Built on Intl.NumberFormat and Web Animations. Dependency-free. Accessible. Customizable. github.com/barvian/number…

@sebastienlorber @rauchg @docusaurus Ah sorry, I never saw that video. In that case I absolutely understand. The app I'm working on has independently navigable and minimize-able panels and I think it would be very tricky to realize that as an MPA while keeping the experience smooth.

@brianskold @rauchg @docusaurus I think speculation rules can help indeed, but see the video a few tweets above, I doubt MPA will fix that expensive re-init anytime soon

👀 Multi-Page Apps have limits today Example: integrating a 3rd-party support widget into MPA docs site (here using Astro) Its state will reset whenever you click a link 😅 It's a hard problem to solve, and I hope it will be someday Until then, SPAs can provide a better UX

@sebastienlorber @rauchg @docusaurus That's interesting. Is it a matter of responsiveness that things like speculation rules etc. could fix in future? Or are there other UX advantages to using SPAs for docs sites?

@rauchg @brianskold @docusaurus FYI Docusaurus v1 was MPA V2 is React SPA and despite lower lighthouse score the perceived performance is better Docusaurus, Nextra, VuePress, VitePress... Many SPA solutions for static docs give a great UX

@RickByers @awesomekling @domenic Yeah, we come across them in Gecko too. Not long ago booking flights on Japan Airlines broke because Gecko didn't accept new Date("27-Apr-2023"). bugzilla.mozilla.org/show_bug.cgi?i… bugzilla.mozilla.org/show_bug.cgi?i…

@awesomekling Oof, that's awful. Maybe we should write a real spec for what engines actually support? Is TC39 actually opposed to speccing reality? @domenic

Another day, another non-standard format to handle in the JavaScript Date constructor: "June 5, 2023" (month day, year)! Fun fact: The ECMAScript spec for Date.parse() says to handle the ISO 8601 format, and for anything else "If the String does not conform to that format the function may fall back to any implementation-specific heuristics or implementation-specific date formats." Of course, other browsers support all kinds of formats, so we just add them as we find new ones.. (maybe there's a list somewhere?) This fixes @rauchg's blog posts all being published in the year of our Lord NaN 😅

@oversteppe @rspack_dev Good point, I've never actually seen these on the screen since switching to Rspack.

@brianskold @rspack_dev > Using Webpack I was ignoring certain TypeScript errors during development so that they didn’t interrupt me while refactoring like so Do errors appear on your screen with Rspack? Because with Rspack it seems they are kept in console only (as forkts is async)

I've been fiddling with @rspack_dev for about a year now and today I finally switched my Webpack projects over. Here are some of the things I learned along the way. birtles.blog/2024/08/14/les…

@ScriptedAlchemy Thanks! Please let me know if I got anything wrong!

This is a really great read

@jait_chen @rspack_dev Yes, by all means!

@brianskold @rspack_dev Can I translate this article into Chinese and share it with Chinese users? It would be helpful😄

@rspack_dev Thank you! And thank you for all your work making Rspack!

Thank you for your trust in us! That's really a great article (even better than our own migration guide), everyone who wants to migrate from Webpack to Rspack should definitely read it, we will continue to improve the migration experience.