DEV Community

Cover image for Breaking down the last Monolith - Micro Frontends

Breaking down the last Monolith - Micro Frontends

Rahul Gaur on August 24, 2019

Introduction JsFoo 2019, Bangalore Over the last decade, AngularJS has been one of the "coolest kids on the block”, s...
Collapse
 
sandeshchoudhary profile image
sandeshchoudhary

Micro Frontend is going to be a very good way of development for Domain Driven Design approach for complex needs.

Collapse
 
veekays profile image
Vikas Singh

True

Collapse
 
florianrappl profile image
Florian Rappl

This is a great topic and a wonderful post. We've just announced our open-source framework Piral at the O'Reilly Software Architecture Conference in Berlin.

Essentially, this is for microfrontends based on React - but the concept therein (or the architecture) can be applied for any technology / framework. We created similar implementations for our clients in the recent 3 years - so Piral is just "the lessons learned" plus some generalization.

It's on Github, too. See github.com/smapiot/piral for the code!

Collapse
 
aregee profile image
Rahul Gaur

Hi Florian,
Thanks for your feedback and sharing the GitHub link.

Took a glance at the codebase and documentation and it looks promising.

Let me know explore piral a bit , I hope to contribute on this sometime soon 😁

Collapse
 
florianrappl profile image
Florian Rappl

Thanks Rahul! Awesome - tell us your experience; any contribution welcome and much appreciated! (More posts, videos etc. coming over next couple of days / weeks)

Collapse
 
sonicoder profile image
Gábor Soós • Edited

Great idea to implement microfrontend 👍
Have you tried wrapping microfrontends into Web Components? They provide a strict interface and makes it easy to become technology agnostic (behind a component can be a VueJS or ReactJS application developed independently)

Collapse
 
aregee profile image
Rahul Gaur

Yes, we did and apparently, that is the plan once we have removed every bit of angular 1.x applications and codes, as angular1.x is not playing well with this approach.

Collapse
 
gaui profile image
Gudjon

I highly recommend UI-Router for this. It has the concept of enabling routing to components easily enabling the possibility for implementing microfrontends.

Collapse
 
aregee profile image
Rahul Gaur • Edited

Hi thanks for your suggestions, will look into UI-Router once again, personally I had used UI-Router for Angular1.x applications, quite intensively.
We ended up using Universal Router as default router in our AppShell to handle top-level routing.

Collapse
 
grahamdyson profile image
Graham Dyson

I've been posting a case study series about using a new tool to help with structure and dependencies in JavaScript that might be useful:
dev.to/grahamdyson/analyzing-the-a...

Collapse
 
gurjarshakti profile image
Shakti Singh

Awesome !!

Collapse
 
failuree profile image
Avinash Srivastava

Nice article, especially the way approaches are discussed against the objectives passed and failed, forcing the reader to brainstorm new approached too.