schedule Mar 9th 04:00 PM - 04:45 PM place Ball Room 2 people 12 Interested

While microservice architectures allowed teams to scale delivery of independently deployable services, most frontend layers are still run as monolithic applications. Similar to server-side applications, frontend layers often grow into large monoliths that are difficult to maintain and evolve. Building, deploying and consuming frontend components across a diversity of teams and web applications can be a daunting task, especially at scale. To address this issue, at OpenTable we enable fast-moving teams to easily build and deploy front-end components using OpenComponents, an open-source, battle tested, front-end microservice architecture for painless component delivery.

The idea behind micro frontends is to enable multiple teams to work seamlessy together by fostering end-to-end ownership of independently developed, tested and deployed features.

Think about UI as the composition of features which are maintained by independent teams. These teams could be cross-functional allowing them to develop such features end-to-end, from a database to user interface and independently deploy them.

During this session I'll explain how OpenComponents works, how do we use it at OpenTable and how we allows teams to build ship and consume frontend components at runtime across teams and web applications at scale.

5 favorite thumb_down thumb_up 3 comments visibility_off  Remove from Watchlist visibility  Add to Watchlist

Outline/structure of the Session

  • The problem: Deploying frontend at scale is non trivial
  • A possible solution: infrastructure for publishing/finding/consuming front-end components
  • Benefits
  • Architectural overview
  • Tools
  • The OpenTable use case
  • Demo: Setting up your private registry, publish and consuming our first component
  • Possible applications (sites, html emails, external widgets (think of the like button),..)
  • Cons fo this approach and challenges
  • Future of microfrontends architectures
  • Q&A

Learning Outcome

  • Understand microfrontend architecture pattern, why and when it could be beneficial to be used.
  • Be able to implement and adopt open source solution to adopt a microfrontend architecture at scale.

Target Audience

Engineers, devops/techops, architects


Basic html/js knowledge together with node.js.

schedule Submitted 1 year ago

Comments Subscribe to Comments

comment Comment on this Submission
  • Leena S N
    By Leena S N  ~  11 months ago
    reply Reply

    Hi Nick,

    Thank you for submitting the proposal, this is an interesting topic. Is there any video available to helps us understand your presentation style?

    • Vivek Ganesan
      By Vivek Ganesan  ~  10 months ago
      reply Reply

      Thanks for this interesting proposal,  Nick :) 

      Is this talk going to deal with only web front-ends or even handheld and desktop front-ends too?  This context setting might help the audience.

      • Nick Balestra
        By Nick Balestra  ~  10 months ago
        reply Reply

        Thank you Vivek for asking this, Yes you are right, this focus on web front-ends

    • Liked Alan Cooper

      Alan Cooper - Working Backwards

      Alan Cooper
      Alan Cooper
      schedule 1 year ago
      Sold Out!
      45 Mins

      Using examples from his award-winning design consultancy, Alan Cooper shares the secret to his success: working backwards. Working backwards means taking the time to ask the hard questions before wading into unfamiliar territory. It can be scary (and for some, frustrating), but it's the only way to innovate.

    • Liked Aarron Walter

      Aarron Walter - Story First

      45 Mins

      Story is a profoundly important device to unite design teams around a shared product vision. This powerful communication tool helps us retain information and empathize with others. As companies scale and teams sprint through product iterations, it’s easy to lose sight of how your product should fit into the lives of your customers. The best way to keep everyone pointed in the right direction is with a clear, compelling story—a story that will unite and guide teams towards success.

      But how do we fold storytelling into our design practice? Aarron Walter uses real-world stories of product teams at Disney, Apple, Airbnb, Twitter, and more to show how storytelling improves team communications and elevates design practice.

    • Liked Gopi Kallayil

      Gopi Kallayil - 9 Principles of Innovation at Google

      45 Mins
      Case Study

      Since its founding, Google has created six products that each have at least a billion monthly users. Google continues to innovate rapidly, and in many new areas. The organizing principles and cultural elements that drive this monster of innovation are a hot topic among designers. So what are they? Find out in this engaging talk by Google’s Chief Evangelist, Brand Marketing.

    • Liked Srini Kadiam

      Srini Kadiam / Mohan - Infrastructure as service/code using Azure - DevOps practice demo

      45 Mins

      Infrastructure as a service (IaaS) is an instant computing infrastructure, provisioned and managed over the Internet. Quickly scale up and down with demand and pay only for what you use.

      In this demo, we will explain and demonstrate

      1. Infrascture as a Code - Key DevOps practice
      2. Azure - Key Concepts
      3. Script Infrastructure as code
      4. Provision Infrastructure
      5. Compare and Contrast Azure with other Cloud Providers like AWS / GCP
    • Liked Srini Kadiam

      Srini Kadiam / Mohan / Umesh Kumar - Demo: Continuous Integration for Databases

      45 Mins

      A lot of organizations don't have version control systems in place for the database. Even if they are, change scripts are being generated manually for deployment process causing significant risks to the releases. In this demo, we will demonstrate patterns that can be used for taking care of database deployments and minimizing the risks

    • Liked Kiran Chhabra

      Kiran Chhabra / Atulya Mahajan - The Subject They Don’t Teach : What’s Post-Deployment

      45 Mins
      When we talk about Agile methodologies then focus on just delivery is not enough. There is life beyond delivery, and very often a product makes or breaks its destiny during that phase.
      The Devops process itself is more than Continous Integration/Deployment, and it is important to know the other Cs of Continuous Monitoring and Continuous Operations as well.
      We will share a case study for a team that had to sustain fast-paced releases with a large customer base. Agile, Continuous Integration and Continuous Delivery were not just fads for them but needs for survival.
      This system turned out to be a big success story and thus we went ahead and replicated the model in the rest of the organisation.
    • Liked Mihail Sestakov

      Mihail Sestakov - Running Shared Services Teams: DevOps, Infrastructure, Security, Networking

      45 Mins

      Shared Services Teams, such as DevOps, Infrastructure, Security, Networking, etc., for a variety of reasons do not receive agile training and coaching specific to their needs. This often results in failure to consistently deliver expected outcomes, resulting in costly delays in overall delivery, often undetected until it is too late.

      Shared Services Teams are expected to simultaneously:
      - build assets, such as delivery pipelines, networking, cloud, infrastructure, etc. on time and on budget, and
      - support Agile Development Teams and Operations, often at short notice.

      These two different types of tasks are typically managed in the same way and usually as a dual priority Kanban, which is not addressing their different nature, thus causing costly delivery delays.

      This talk explores this Dual Nature of work and the difficulties arising from addressing both types by a single team. The lecture presents experience with Coaching different types of Shared Services Teams.

      It shows ways how their specific needs can be addressed at various agile maturity levels, including areas such as Governance, Capacity Optimisation, Supplier Reliability and Support Mix Optimisation.

    • Liked Michael Chik

      Michael Chik - Improv-ing your Coaching Skills

      90 Mins

      Improv your coaching skills (pun intended) and your team performance! On a superficial level, improv techniques introduce play and fun into every team. On a deeper level, it helps you create a culture of safety, experimentation and true collaboration. It helps people to welcome change, uncertainty, open up and helps infuse teams and individuals with a dose of EQ. It also helps you to improve your own coaching skills! Wanna know more? Come and find out! This workshop will introduce you to improv by throwing you heads-first into one exercise after another.

    • Liked Rajith Raveendranath

      Rajith Raveendranath - Developer at a Crossroads - Choosing a suitable programming language for Microservices

      20 Mins

      How to choose a suitable programming language for developing Microservices?

      We start our discussion with the most important characteristics of Microservices.

      The following aspects of programming languages are discussed, keeping Microservices in mind:

      • Functional Composition, we will look at some features that are missing in the most popular languages - C, C++ & Java for composing functionally, and some alternatives
      • Managing Concurrency, we will look at how some programming languages are simply concurrent, thus avoiding the need of managing mutability, as we often do in C, C++ & Java
      • Frameworks & Tools
      • Popularity, there are the popular ones and the esoteric, but what is interesting are the ones in betweeen

      We conclude by comparing some popular programming languages using these and drawing some inferences.

      We will compare the three most popular languages - C, C++, Java with some multi-paradigm languages like javascript & python and with some functional languages like Scala & Erlang.

    • Liked Srini Kadiam

      Srini Kadiam / Mohan / Umesh Kumar - Demo: Helping your team to get started on DevOps Journey using Visual Studio Team Services & Docker

      45 Mins

      Most organizations and teams talk about DevOps practices. Most of them might find it difficult on how to get it started. If you are a Microsoft shop, this would be a good session for you and your team. In this session, we will demonstrate different DevOps practices using Visual Studio Team Services & Docker