Bilal Cinarli

Independently together: how micro-applications improve developer experience + app performance

Is your monolithic SPA slowing down your developers and your app? Learn how micro-applications can restore speed and autonomy for your teams.

Independently together: how micro-applications improve developer experience + app performance
#1about 3 minutes

Identifying the pain points of monolithic frontend applications

Large monolithic applications often lead to slow deployment pipelines, poor application performance, and frustrating local development environments.

#2about 4 minutes

How monolithic SPAs create dependencies and failures

The combination of monorepos and single-page applications results in monolithic frontends with single points of failure and complex organizational dependencies.

#3about 5 minutes

Deconstructing the monolith into independent applications

Breaking a monolithic SPA into separate applications for each team or feature allows for independent lifecycles and reduces complexity.

#4about 3 minutes

Defining the core principles of micro-application architecture

A micro-application is a small, independent single-page application dedicated to a single page or user flow, with its own runtime and deployment cycle.

#5about 4 minutes

Key benefits of adopting a micro-application approach

This architecture enables independent scaling, better caching, faster load times, quicker local development, and more efficient CI/CD pipelines.

#6about 3 minutes

Managing shared dependencies and breaking changes

Use a shared internal framework and a dedicated developer experience team to manage dependency versions and coordinate breaking changes across applications.

#7about 2 minutes

Sharing UI components and ensuring design consistency

Maintain visual consistency across independent applications by using a shared design system package and including common elements like navigation as micro-frontends.

#8about 3 minutes

Determining when to use the micro-application architecture

This architecture is most beneficial for large organizations with many teams and engineers working on a single product, not for small teams or projects.

#9about 3 minutes

Implementing global layouts and application routing

Global layouts like headers can be shared as packages or micro-frontends, while routing should use URL paths on a single domain to leverage cookies and local storage.

Related jobs
Jobs that call for the skills explored in this talk.

Designer

Andrew Comp

Andrew Comp
Berlin, Germany

Intermediate
Java
JavaScript

Matching moments

Introducing the micro-frontend architectural pattern
02:03 MIN

Introducing the micro-frontend architectural pattern

Destructuring Frontend monoliths with MicroFrontends

Unlock full access

Log in or set up an account to access this feature and more.

The role of micro-frontends in scaling development teams
05:24 MIN

The role of micro-frontends in scaling development teams

Micro-Frontends with Module Federation: Beyond the Basics

Unlock full access

Log in or set up an account to access this feature and more.

Integrating applications using a micro-frontend architecture
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 full access

Log in or set up an account to access this feature and more.

Understanding micro frontends and team autonomy
01:49 MIN

Understanding micro frontends and team autonomy

Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios

Unlock full access

Log in or set up an account to access this feature and more.

Tracing the architectural evolution to microfrontends
06:11 MIN

Tracing the architectural evolution to microfrontends

Microfrontends with Blazor: Welcome to the Party!

Unlock full access

Log in or set up an account to access this feature and more.

Understanding the micro frontend architectural style
01:25 MIN

Understanding the micro frontend architectural style

Micro Frontends with Module Federation: Why and How?

Unlock full access

Log in or set up an account to access this feature and more.

Understanding the purpose and benefits of micro-frontends
06:13 MIN

Understanding the purpose and benefits of micro-frontends

Stairway to Heaven - Scaling Frontends the Right Way

Unlock full access

Log in or set up an account to access this feature and more.

Audience Q&A on practical micro-frontend challenges
13:10 MIN

Audience Q&A on practical micro-frontend challenges

Micro-frontends anti-patterns

Unlock full access

Log in or set up an account to access this feature and more.

Featured Partners

Related Videos

See all videos
Front-End Micro Apps35:17

Front-End Micro Apps

Serg Hospodarets

Destructuring Frontend monoliths with MicroFrontends41:49

Destructuring Frontend monoliths with MicroFrontends

Trishul Goel

Microfrontends at Scale43:20

Microfrontends at Scale

Josh Goldberg

Stairway to Heaven - Scaling Frontends the Right Way40:05

Stairway to Heaven - Scaling Frontends the Right Way

Florian Rappl

Snappy UI needs no Single-Page Application40:24

Snappy UI needs no Single-Page Application

Clemens Helm

Micro Frontends with Module Federation: Why and How?45:40

Micro Frontends with Module Federation: Why and How?

Manfred Steyer

Micro-frontends anti-patterns40:17

Micro-frontends anti-patterns

Luca Mezzalira

Micro-frontends anti-patterns47:05

Micro-frontends anti-patterns

Luca Mezzalira

Related Articles

View all articles
BB
Benedikt Bischof
Why You Shouldn’t Build a Microservice Architecture
Welcome to this issue of the WeAreDevelopers Live Talk series. This article recaps an interesting talk by Michael Eisenbart who talks about the pros and cons of microservice architecture.‍About the speaker:‍Michael has been working for Bosch as a sof...
Why You Shouldn’t Build a Microservice Architecture
CH
Chris Heilmann
All the videos of Halfstack London 2024!
Last month was Halfstack London, a conference about the web, JavaScript and half a dozen other things. We were there to deliver a talk, but also to record all the sessions and we're happy to share them with you. It took a bit as we had to wait for th...
All the videos of Halfstack London 2024!
LM
Luis Minvielle
Developers share the most interesting tech they ever built
Most people's first thoughts about Hacker News revolve around venture capital, stock prices, company valuations, and $1499 dongles. But what if we told you that Hacker News could also be a place for pure, consummate, wholesome content that tackles ho...
Developers share the most interesting tech they ever built

From learning to earning

Jobs that call for the skills explored in this talk.