Live Interactive Workshop

Frontend Architecture: Monoliths to Micro-Frontends

May 12, 2026 - 9:30am to 4:30pm Central Daylight Time

Practical Architecture Patterns for Monoliths and Micro-Frontends

Frontend Architecture: Monoliths to Micro-Frontends
Meet Your Instructor

Frontend Architecture: Monoliths to Micro-Frontends

I’m a full-stack software engineer with a passion for web performance, developer productivity, and crafting delightful user experiences. I have experience working as a technical lead and individual contributor on the full lifecycle of product development, including design, discovery, prototyping, implementation, testing, and deployment.I’ve been designing and building software that runs at every level of the stack for the past 13 years. These days, my focus is on front-end software architecture and web performance, writing most of my code using React, TypeScript, and Node.js. I’m also experienced in React Native, Vue.js, Svelte, D3, GraphQL, SQL, MongoDB, PHP, Python, and various AWS services.

Frontend Architecture: Monoliths to Micro-Frontends

This course teaches students the fundamentals of frontend architecture from a practical perspective. This means that we’re going to spend as little time as possible on the theory, and we will focus on how architectural concepts translate into code.

The “meat” of the course covers two of the most important frontend architectural styles: modular monoliths and micro-frontends. The course is designed to be project-based. We will start with a simple monolithic application with little to no organization, and we’re going to see it evolve, first into a modular monolith, and then into a micro-frontend architecture.

What You Will Master

The Senior Engineer Toolkit
  • Learn fundamentals of software architecture and how they apply to the frontend layer
  • Design scalable monoliths using encapsulation and modular system prinicples
  • Identify when micro-frontends make sense and when to avoid them
  • Migrate from a monolith to micro-frontends, both for client-side and server-side rendering applications

Prerequisites

  • Experience building frontend applications
  • Comfortable with GitHub and CLI tools

Who is this for?

This workshop if for experienced frontend developers looking to learn architecture best practices.

RSVP to Attend Online

Replay coming soon.

The Blueprint

Frontend Architecture: Monoliths to Micro-Frontends

Dive into frontend architecture as you apply best practices to a monolithic application and later refactor it into a micro-frontend architecture.

Warning: High intensity learning environment.

9:30AM
Software Architecture Fundamentals
10:30AM
Monoliths: Setup & ESLint
11:00AM
Monoliths: Monorepo Rules & Dependency Cruiser
12:00PM
Lunch Break
1:00PM
Micro-Frontends: Single SPA
2:00PM
Micro-Frontends: Module Federation & Shared State
3:00PM
Deploying Micro-Frontend Applications
4:00PM
Wrap Up
Prefer to attend in-person?
Join us in downtown Minneapolis, MN. Limited seats available.