JSFoo 2019

Annual conference of 800+ front-end, backend and fullstack engineers

Participate micPropose a session

Micro Front End Architecture with Framework agnostic Web Components

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

videocam_off
Section: Full talk (40 mins) Technical level: Intermediate

Vote on this proposal

Login to vote

Total votes:  +1

Abstract

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.

Outline

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).

Comments

  • 1
    Abhishek Balaji (@booleanbalaji) Reviewer 8 days 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