Goofing around with some in progress React Router work by Mark Dalgleish: More granular route module code-splitting for faster transitions!

@markdalgleish super cool! At 2:22 you show the 2 chunks in the network panel, one tiny thing that would help DX would be to put the word 'loader' in the name of the chunk that is just the loader so it is obvious which one is which

I just launched an all-in-one template for cross-platform development, based on the stack I use myself everyday. Expo, NextJS, TypeScript, Tailwind, Firebase, AppsFlyer, Authentication, Analytics, In-App Purchases, Stripe and a lot more, setup by default.

@markdalgleish Man I have mad respect for Remix after having to work with it recently. I spent a month in a Remix-based project, and I still know jack shit about it, because it always stands out of the way and just lets me add features and do my thing. Can't say the same about a lot of others!

@markdalgleish It’s brilliant to see something as widespread as react router implement this. I’ve been talking about this for years and how eComm and large websites need it. We’ve been doing this in Catalyst for a while now and our routing core is react-router + sprinkles from our side ❤️

@markdalgleish @franklinjavier

For this to speed things up the component has to be so large that it takes waaay more time to download the chunk than the latency ... my feeling is that download itself is rarely a problem unless its super large like 500kb+ or more, so what I would expect is from just looking at the video - latency + module (loader only) will take lets say 100ms - latency + module (loader + component) will take 120ms

@markdalgleish A couple Shopify apps inspired this, turns out some apps have a lot of components to render

@markdalgleish Will this also work for "createBrowserRouter"? For the critical routes I've split out the loader into a separate file and included it in the main bundle, in order for it to start asap when going directly to that route. I guess I could move the loader back next to Component.