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
03:03 MIN
Unifying front-end and back-end development with Blazor
Blazor – the new SPA Framework for everyone who hates JavaScript
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
03:09 MIN
Why Blazor enables full-stack .NET development
Blazor Unleashed: The Future of .NET Web Development
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
02:03 MIN
Introducing the micro-frontend architectural pattern
Destructuring Frontend monoliths with MicroFrontends
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
02:04 MIN
A real-world Blazor app on web, desktop, and mobile
Blazor Unleashed: The Future of .NET Web Development
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
01:25 MIN
Understanding the micro frontend architectural style
Micro Frontends with Module Federation: Why and How?
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
05:00 MIN
Managing frontend and backend microservices communication
.NET Microservices in Azure Container Apps
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
06:14 MIN
How Blazor components work as the core building block
Blazor Unleashed: The Future of .NET Web Development
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
03:01 MIN
Integrating applications using a micro-frontend architecture
Building the Right Product and Building It Right: A Glimpse into Extreme Programming, Atomic Design
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
Featured Partners
Related Videos
59:03Multiple Ships to the Island - Micro Frontends & Island Architectures
Florian Rappl
40:24Snappy UI needs no Single-Page Application
Clemens Helm
20:15Blazor and Azure functions for Serverless Website
Menaka Baskerpillai
29:52Blazor – the new SPA Framework for everyone who hates JavaScript
Christian Giesswein
26:38Blazor Unleashed: The Future of .NET Web Development
Christian Giesswein
54:39Interface Contracts in Microfrontend Architectures
Alexander Günsche
32:42.NET Microservices in Azure Container Apps
Ryan Niño Dizon
40:05Stairway to Heaven - Scaling Frontends the Right Way
Florian Rappl
Related Articles
View all articles
.gif?w=240&auto=compress,format)
From learning to earning
Jobs that call for the skills explored in this talk.
JO Media Software Solutions GmBh
Brunn am Gebirge, Austria
Senior
CSS
Angular
JavaScript
TypeScript
tarent solutions GmbH
GIT
HTML
Vue.js
tarent solutions GmbH
GIT
HTML
Vue.js