Critical thinking and patterns on when, why, where, to leverage Module Federation from the creator of the technology. Webpack’s Federation is immensely useful if used properly. The tricky part is there's not much information on how and where to leverage the technology. Leading to a bit of a wild west scenario. I've been working with the technology for…

Code splitting can only get us so far, and how it works means you end up loading a lot of JS you don't really need right then and there. Why download the footer code when I'm looking at the header? Code splitting has served us well, its lets us eliminate…

When it comes to distributed applications, Javascript logging gets tricky. What happens when you have multiple teams owning multiple parts of a single page or component? How can you use multiple DSNs in Sentry to send logs to the owning team, not the consuming team where the error occurred? These…

What are the available techniques for SSR applications powered by Module Federation? There are a few to choose from, let’s list them. I’ve written and spoken about some tactics in varying degrees. But up until now, this information has never been centralized or easily discovered. …

Server-side rendering with Next 11 and Module federation is ready for prime time! Bonus: we got "hot" (live) reloading working on federated applications! It’s been a long and painful road to module federation inside a next.js application — but we have finally been able to remove most of that pain. …

The curious case of Module Federation and how do we write tests for federated applications. If you haven't heard by now — Module Federation is a way to simply import() other modules/files between independently compiled and deployed bundles at runtime. Possibilities are endless, especially after working with it for over…

Javascript application performance can be tricky, even if the application has been well-tuned for speed — there’s a big area that engineering does not own and has little control over. It’s the tag manager and third party code in general. I can get an app to load and finish in…

Part 1: Advanced Tactics to reduce App startup time — There’s lots of advice, but it seems to taper off when it comes to advanced performance tactics. I’ve read the articles, but it’s either too vague, too broad, or just basic stuff I have already done. …

Advanced implementation tactics to attach a startup sequence to micro-frontend applications designed using Module Federation. I’ll get this out the way right from the start, something that’s been requested hundreds of times now. You can set webpack_public_path dynamically (not hardcoded in the webpack config) with startup code, but there are…