DEV Community

Micro-frontends and beyond: composable frontend applications

Natalia Venditto on April 25, 2023

Hi folks! It's been a while I don't post here, and there is a reason why. Besides being quite busy with work, back in December last year I decided ...
Collapse
 
leetwito profile image
Lee Twito

Wow thanks for sharing such insightful knowledge. I'll be following your website until the book is released ;).

As a JAMstack fan, I'm working on a headless form builder in open source. I see how composable frontend applications and micro-frontends can benefit this project by making it more modular and scalable.

Would be happy to hear you feedback!
github.com/tutim-io/tutim

Collapse
 
anfibiacreativa profile image
Natalia Venditto

Thank you for the kind words, Lee.

Collapse
 
adophilus profile image
Adophilus

Just checked out your project. It looks awesome. Will definitely use it in a future project.

PS: I also joined the discord too. I wanna try contributing (if I can)

Collapse
 
megafranklin profile image
Franklin Padrón • Edited

First of all, congratulations for the super valuable information placed on microfontend.dev, it defines very well a powerful work philosophy for the present and future. Second, thank you so much for sharing your shocking experience.

Collapse
 
anfibiacreativa profile image
Natalia Venditto

Thank you, Franklin!

Collapse
 
adnanebrahimi profile image
Adnan Ebrahimi

Thanks for launching your amazing website and writing your valuable experience over years.

Collapse
 
anfibiacreativa profile image
Natalia Venditto

Thank you for the nice comment!

Collapse
 
amandamartindev profile image
Amanda

This site is such an amazing resource! Thank you for sharing your process behind it and can't wait to keep checking back to see how it grows.

Collapse
 
anfibiacreativa profile image
Natalia Venditto

Thank you, Amanda!

Collapse
 
bwca profile image
Volodymyr Yepishev

That's quite interesting, thanks for sharing! Do you have a pattern to recommend for stitching multiple different frameworks together in the context of the same page? That's the only challenging thing I find fascinating about in the micro frontends, but most patterns stick to implementations locked to a certain framework, i.e. React with module federation or Angular with Angular elements.

Collapse
 
anfibiacreativa profile image
Natalia Venditto

Hi Volodymyr! Thanks for commenting. I would first need to understand the use-case, requirements, context (what frameworks are we talking about, where is the app being deployed to, how do you plan to manage state, what 3rd party services may be integrated horizontally, who is in charge of the orchestration, and a long list of etc) to be able to assess. In general, I advise to avoid horizontal splits using different frameworks unless when is no way to avoid it ie: the application to be integrated is built by an independent, external team, or is a legacy app, etc, in which case it is likely that the UX will be somewhat affected and you're facing more organizational problems than technical. But again, like everything in web development and particularly when it comes to architecture, the answer is the default... "it depends"

Collapse
 
adophilus profile image
Adophilus

I've recently just been looking into the micro frontends and I think I want to seriously observe it. Thanks for providing useful info on the topic, I'll follow for more of such tips