A presentation at Devops DDay in in Marseille, France by William Bartlett
William Bartlett
Treeptik
15 November, 2018
William Bartlett, Level 23 programmer
“Use the right tool for the job” William Bartlett (Treeptik) Full-stack Microservices 15 November, 2018 2 / 45
Advantages
Price to pay
Microservices are cool
Server-side = fun Client-side = monolithic monstrosity
Micro Frontends: https://micro-frontends.org/
Issue: How to build a large product with entirely autonomous multi-disciplinary teams?
Bring microservices to the front-end
Micro Frontends: https://micro-frontends.org/
https://www.mosaic9.org/
https://opencomponents.github.io/
Single SPA
https://github.com/CanopyTax/single-spa
Example: https://single-spa.surge.sh/
<iframe>Web Components: Reusable, modular components for the web.
Find this demo on CodePen
https://codepen.io/punkstarman/project/editor/AEKqQg
Frameworks:
https://custom-elements-everywhere.com/
Added bonuses:
https://www.webcomponents.org/
Atomic Design: Methodology for creating and maintaining a graphic design system
Brad Frost, 2016
http://atomicdesign.bradfrost.com/
Atomic Design is the methodology needed to develop a system of components efficiently.
Web Components are a solution that can enable Atomic Design.
DNF: integration components (AJAX, state)
O gods of Demo, we beseach thee
Today, a microservices architecture allows for developing a very rich application as a composition of decoupled components maintained by autonomous teams, potentially using different technologies. At least that’s true for the back-end. The front-end remains largely monolithic even though various frameworks allow for modular development.
Relying on the technology of Web Components and the principles of Atomic Design, I will demonstrate an application where each microservice provides both front-end and back-end elements. The resulting front-end that the user sees is built merely by composition.
The following resources were mentioned during the presentation or are useful additional information.
Here’s what was said about this presentation on social media.
for free. You
can too.