location_city Bengaluru schedule Mar 9th 04:00 - 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.


Outline/Structure of the Case Study

  • 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

Prerequisites for Attendees

Basic html/js knowledge together with node.js.

schedule Submitted 2 years ago

Public Feedback