JSFoo 2019

On component architecture, front-end engineering and Developer Experience (DX)


Micro Front End Architecture with Framework agnostic Web Components

Submitted by ANAND GUPTA (@anand-gupta) on Thursday, 14 March 2019

Section: Full talk (40 mins) Technical level: Intermediate Status: Rejected


This session will introduce the concept of Web components which is an umbrella term for a suite of W3C specifications. In this session, we will will learn how Angular embraces this idea using Angular Elements and how we can leverage this concept for Micro Front End Architecture or Micro Apps.
This talk will demostrate how Web Components can be a unifying technology for developing truly reusable and interoperable components across web frameworks like Angular, React, Vue and Aurelia.


Micro Frontends
Web Components
Custom Elements Shadow DOM Angular Elements Interoperable Components across Angular,React, Vue, Aurelia

Speaker bio

Anand is a Full Stack Developer and Technical Lead at Credit Suisse, Singapore. He was previously the Global Delivery Lead for Credit Suisse’s FX Options Gateway for pricing and execution. He is currently helping drive technology innovations in the Wealth Management space within the organisation. Anand is a technology enthusiast with a zeal to learn new technologies. He is a
passionate about Angular, Typescript, JavaScript, C# / .NET, Python and web technology. He is also curious about Artificial Intelligence (AI) and Machine Learning (ML).


  •   Abhishek Balaji (@booleanbalaji) Reviewer 10 months ago

    Hi Anand,

    Thank you for submitting a proposal. We need to see detailed slides and a preview video to evaluate your proposal. Your slides must cover the following:

    • Problem statement/context, which the audience can relate to and understand. The problem statement has to be a problem (based on this context) that can be generalized for all.
    • What were the tools/frameworks available in the market to solve this problem? How did you evaluate these, and what metrics did you use for the evaluation? Why did you pick the option that you did?
    • Explain how the situation was before the solution you picked/built and how it changed after implementing the solution you picked and built? Show before-after scenario comparisons & metrics.
    • What compromises/trade-offs did you have to make in this process?
    • What is the one takeaway that you want participants to go back with at the end of this talk? What is it that participants should learn/be cautious about when solving similar problems?

    We need your updated slides and preview video by 28 May to evaluate your proposal. If we do not receive an update, we’d be moving your proposal for evaluation under a future event.

Login with Twitter or Google to leave a comment