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

Prerequisite

Basic html/js knowledge together with node.js.

schedule Submitted 2 months ago

Comments Subscribe to Comments

comment Comment on this Proposal
  • Leena S N
    By Leena S N  ~  1 month 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  ~  2 weeks 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  ~  3 days ago
        reply Reply

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


    • Liked Alan Cooper
      keyboard_arrow_down

      Alan Cooper - Working Backwards

      Alan Cooper
      Alan Cooper
      Founder
      Cooper
      schedule 1 month ago
      Sold Out!
      45 Mins
      Keynote
      Intermediate

      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.

    • 45 Mins
      Talk
      Intermediate

      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
      keyboard_arrow_down

      Gopi Kallayil - 9 Principles of Innovation at Google

      45 Mins
      Case Study
      Intermediate

      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
      keyboard_arrow_down

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

      45 Mins
      Demonstration
      Advanced

      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
      keyboard_arrow_down

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

      45 Mins
      Talk
      Intermediate
      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
      keyboard_arrow_down

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

      45 Mins
      Talk
      Intermediate

      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
      keyboard_arrow_down

      Michael Chik - Improv-ing your Coaching Skills

      90 Mins
      Workshop
      Beginner

      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
      keyboard_arrow_down

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

      Rajith Raveendranath
      Rajith Raveendranath
      Director Quality
      SunTec
      schedule 2 months ago
      Sold Out!
      20 Mins
      Talk
      Intermediate

      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
      keyboard_arrow_down

      Srini Kadiam / Mohan / Umesh Kumar - Workshop: Implementing DevOps Practices using Visual Studio Team Services

      480 Mins
      Workshop
      Advanced

      This is a hands-on workshop, be prepared to write code and do some work. You will learn something either by doing or teaching.

      As part of this workshop, using Visual Studio Team Services, participants will get hands-on experience to learn and practice

      • Setting up build
      • Continuous integration
      • Agile testing practices - unit, integration, UI, performance, and security
      • Automated deployments
      • Infrastructure provisioning
      • Setting up release workflows
      • Database deployment
      • Container-based development and deployment using Docker
    • Liked Srini Kadiam
      keyboard_arrow_down

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

      45 Mins
      Demonstration
      Intermediate

      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