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…


Photo by Ilya Pavlov on Unsplash

Module Federation was already powerful. So we doubled its power by introducing an advanced API. This technology is clearly a game-changer in javascript architecture

Beta 17 has been out for a week or so. It packs a powerful punch. Despite the power that’s been introduced in the latest release. …


Stitching two independent bundles into one single page application, at runtime

A short and sweet guide to using Module Federation on two independently deployed web apps, so that they can work like a monolith. Sharing code between themselves at runtime.

We’re going to federate two independent, very basic little react…

Zack Jackson

Principal Engineer of Web @ Lululemon. Specializing in Webpack and Javascript Orchestration at scale. Creator of Module Federation

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store