Florian Rappl
Microfrontends with Blazor: Welcome to the Party!
#1about 5 minutes
Why monolithic frontends create development bottlenecks
Microservice backends enable autonomous teams, but a single monolithic frontend often leads to release train slowdowns and blockers.
#2about 6 minutes
Tracing the architectural evolution to microfrontends
Web architecture evolved from classic monoliths to separated frontends and microservice backends, making microfrontends the next logical step for scaling UI development.
#3about 7 minutes
Avoiding the hidden monolith with loose coupling
A successful microfrontend architecture uses an app shell with independent modules and avoids strong coupling to prevent creating a distributed monolith with feature overlaps.
#4about 6 minutes
Implementing microfrontends with Blazor component libraries
One approach is to use Blazor Razor Component Libraries (RCLs) as modules within a Blazor shell, keeping the entire solution within the C# ecosystem.
#5about 5 minutes
Using a JavaScript shell to host Blazor microfrontends
A hybrid approach uses a JavaScript-based app shell to lazy-load Blazor components, enabling framework flexibility and faster initial startup times.
#6about 17 minutes
Demonstrating a modular application with the Piral framework
The Piral framework facilitates a microfrontend architecture by using a feed service to dynamically load and compose independent modules, called pilets, into a cohesive application shell.
#7about 11 minutes
Q&A: Best practices and migration strategies
The discussion covers whether Blazor is a best practice, preferred lightweight frameworks like SolidJS, and strategies for migrating a monolith using the Strangler pattern.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
04:18 MIN
Unifying front-end and back-end development with Blazor
Blazor – the new SPA Framework for everyone who hates JavaScript
19:14 MIN
Managing frontend and backend microservices communication
.NET Microservices in Azure Container Apps
07:21 MIN
Exploring the different Blazor hosting and execution models
Blazor – the new SPA Framework for everyone who hates JavaScript
00:42 MIN
A brief history of the micro-frontend architectural pattern
Micro-frontends anti-patterns
00:11 MIN
Understanding the purpose and benefits of micro-frontends
Stairway to Heaven - Scaling Frontends the Right Way
10:34 MIN
Implementing microservice and micro-frontend architectures
Crew Management System for Airlines: Plan duties for pilots & flight attendants worldwide
00:18 MIN
The role of micro-frontends in scaling development teams
Micro-Frontends with Module Federation: Beyond the Basics
33:55 MIN
Audience Q&A on practical micro-frontend challenges
Micro-frontends anti-patterns
Featured Partners
Related Videos
59:03Multiple Ships to the Island - Micro Frontends & Island Architectures
Florian Rappl
26:38Blazor Unleashed: The Future of .NET Web Development
Christian Giesswein
29:52Blazor – the new SPA Framework for everyone who hates JavaScript
Christian Giesswein
54:39Interface Contracts in Microfrontend Architectures
Alexander Günsche
40:05Stairway to Heaven - Scaling Frontends the Right Way
Florian Rappl
28:05Independently together: how micro-applications improve developer experience + app performance
Bilal Cinarli
35:17Front-End Micro Apps
Serg Hospodarets
40:24Snappy UI needs no Single-Page Application
Clemens Helm
From learning to earning
Jobs that call for the skills explored in this talk.
Web-Entwickler - Frontend Developer (Angular, React, vue)
Ratbacher GmbH
Remote
€75K
React
Vue.js
Angular
+1
Senior-Entwickler - C# / Blazor / PostgreSQL
Ingenieurbüro für Bauwesen Schmidt GmbH
Remote
Senior
JIRA
Scrum
DevOps
Blazor
+5