Breaking Up a Monolith

At Global Tech, I led the migration from one giant React app to a micro-frontend setup. Teams could finally deploy on their own schedule, and build times dropped by about 60%.

##What went well

• Built a shared component library. Around 50 teams ended up using it.
• Got Largest Contentful Paint down across the main products. Conversion bumped up ~15%, though hard to say how much was us vs. other changes.
• Set up CI/CD for frontend deployments so people stopped deploying from their laptops.

##Technical Stack

##Code Snippet

// Micro-frontend loader implementation
const loadMicroFrontend = async (name: string, url: string) => {
  const script = document.createElement('script');
  script.src = `${url}/remoteEntry.js`;
  document.head.appendChild(script);
  // ... initialization logic
};