Explore microfrontend architecture in this conference talk from React Live 2019. Dive into the challenges of monolithic frontend applications and discover how breaking down large codebases into domain-specific micro frontends can improve development efficiency. Learn about the advantages of this approach, including enhanced domain knowledge, independent deployments, and improved team ownership. Examine practical implementation strategies, starting small with a single domain, and understand potential challenges such as dependency management and bundle sizes. Gain insights into the business value and developer experience benefits of adopting microfrontends, including faster time to market, improved focus, and the ability to leverage modern technologies. See a live demo showcasing the microfrontend architecture in action and explore solutions for common obstacles in transitioning from a monolithic to a microfrontend approach.
Overview
Syllabus
Intro
"old" situation
challanges
tighly coupled
release cycle
testing
big plans
current application not future proof
what business value can we add?
time to market
focus
performance
what developer experience can we add?
modern technologies
ownership
freedom
rebuild step by step
meanwhile...
Micro frontend architecture is an approach to developing web application as a composition of small frontend apps.
Instead of writing a large monolith frontend application, the application is broken down into domain specific micro frontends, which are self- contained and can be developed and deployed independently.
what is a domain?
one team per domain
start small
account
microfrontend architecture
advantages
domain knowledge
deployments
other improvements
demo
challenges
dependency management
breaking down the silos
global changes
bundle size
stitching layer
Taught by
JSWORLD Conference
