Advanced Application Architecture with MicroFrontends

Owen Mecham

4/15/21, 4:00 PM

-

4/15/21, 11:00 PM

Advanced Application Architecture with MicroFrontends
Owen Mecham
Instructor Bio:

Owen has been building and architecting web applications in the enterprise space for over 20 years. In his current role as a manager of Enterprise Software, he was responsible for creating and implementing a micro frontend architecture. Owen is an ng-conf organizer as well as an organizer of rxjs.live. Owen lives in Utah and enjoys golf, carpentry, and spending time outdoors with his wife and four daughters.

Are you tired of coordinating deployments with multiple teams? Would you like to be able to ship code at any time without disrupting your users? Would you like to be able to share solutions in multiple applications even if they don't use Angular? Micro Frontends may be the solution you're looking for.

A Micro Frontend architecture breaks your application into separate pieces that work together seamlessly. This allows you to update and deploy individual portions of your application independent of any other feature. This frees up your teams to completely operate free from unnecessary delays that occur when coordinating large scale deployments. You can also use Micro Frontends as a way to incrementally update legacy applications.

In this workshop you will build and learn how to deploy a Micro Frontend based solution to production. As you build the application, you will learn:

- What is a Micro Frontend anyway?
- The Pros and Cons of a Micro Frontend Architecture
- Use cases for Micro Frontends in Enterprise Applications
- The role and responsibilities of the application shell
- Communicating between Micro Frontends and the application shell
- State Management Considerations
- Building Micro Frontends with Angular Elements
- ngx-build-plus, the secret sauce
- Micro Frontend lazy loading strategies
- Design systems and Micro Frontends
- How to test Micro Frontends locally and in a build pipeline
- Deploying Micro Frontends to a CDN
- Module Federation as an approach to Micro Frontends

Workshop Setup & Installation:

A repo with the sample project will be available prior to the conference.