Micro Frontend Architecture at Techcombank

Chris Shayan
3 min readMar 5, 2021

--

Disclaimer: Most of my learning on Micro Frontend is coming from Cam Jackson; you can read his article here. Also Michael Geers have a great book called “Micro Frontends in Action”, great book to read and learn more. I am new to micro frontend and learning as well.

— — — — — — — — — — — — — — — — — — Recruitment Message — — — — — — — — — — — — — — — — — —

Credit to our senior leadership, colleagues and partners, we have managed to deliver many great products in past 12 months. I have documented our past achievements in “2020: A Year to Remember and to Forget” and our Transformation Journey.

We’re Hiring

In this article my intention is to show more details of how we are working and what are progress in order to help you to see if you are interested to join us.

Few of My Colleagues

These are few members of my colleagues who you can reach out to them and ask questions about these how we work, Team Charter, our vision, working environment, my leadership style, current products/projects and more.

  • Ngan, Yen, Hang and our leader of TA Veo, these are our awesome Talent Acquisition members.
  • Dustin who is leading our DevSecOps initiative and Lily who is our awesome quality team member.
  • Soe, Loong Fei, Do, Thang and James who are leading our digial initiatives.
  • Duc, Hung, Dzung, Tien and Lang are some of our architects that can code. We do not hire architect that do not code ;)
  • Thao who is in charge of Learning & Development of Engineering team under Pratima’s leadership.
  • Lumos, Harry, Quyen and Tung are some of our backend team.
  • Trang, Nam and Linh are some of our frontend team (angular, swift and kotlin).

Roles

These are the roles that we are recruiting actively:

  • Senior Web Developer (angular)
  • Senior Swift Developer
  • Senior Kotlin Developer
  • Senior Backend Developer (Spring)
  • Test Engineers
  • DevSecOps Engineers
  • Solution Architects that codes

— — — — — — — — — — — — — — — — — — Recruitment Message — — — — — — — — — — — — — — — — — —

Micro frontend architecture is an architecture design approach in which an app is decomposed into individual, almost independent “micro apps” working loosely together. The micro frontend concept is vaguely inspired by, and named after, micro-services.

The benefits of the micro frontend pattern include:

  • Micro frontend architectures is easier manage.
  • Independent development teams can collaborate and develop in parallel.
  • We can provide a way to migrate from an “old” app to a “new” app running side by side with it.
  • Improves and enables cross functional team capabilities

Although micro frontends have been getting a lot of attention lately, as of yet there is no single dominant implementation and no clear “best” micro-frontend framework. In fact, there is a variety of approaches depending on the objectives and requirements.

Michael Geers has simply visualized the benefits in following figure:

Checkout: https://micro-frontends.org/

Micro frontends deliver the same flexibility and maintainability to browser-based applications that micro-services provide for backend systems. You design your project as a set of standalone components that include their own interfaces, logic, and storage. Then you develop these mini-applications independently and compose them in the app (mobile or web).

Our Mobile Micro Frontend Architecture View

Our Web Micro Frontend Architecture View

--

--

Chris Shayan
Chris Shayan

Written by Chris Shayan

Head of AI at Backbase The postings on this site are my own and do not necessarily represent the postings, strategies or opinions of my employer.

No responses yet