Download as PDF, PPTX
Uploaded byMatt Raible
How to Win at UI Development in the World of Microservices - THAT Conference 2019
The document discusses the evolution of UI development within the framework of microservices, highlighting the impact of micro frontends on the design process. It covers various tools, techniques, and real-world applications while emphasizing the importance of adopting both monoliths with a singular framework and micro frontends. Additionally, it points to resources and stories from developers to illustrate effective strategies for winning in UI development.
More Related Content
Similar to How to Win at UI Development in the World of Microservices - THAT Conference 2019
How to Win at UI Development in the World of Microservices - THAT Conference 2019
- 1. How to Winat UI Development in the World of Microservices August 7, 2019 Matt Raible | @mraible Photo by Matthew Sullivan flickr.com/photos/shoebappa/2186734172 #THATConference
- 4. Blogger on raibledesigns.comand developer.okta.com/blog Web Developer and Java Champion Father, Husband, Skier, Mountain Biker, Whitewater Rafter Open Source Connoisseur Hi, I’m Matt Raible! Bus Lover Okta Developer Advocate
- 6.
- 7.
- 8. Today’s Agenda History ofWeb Frameworks The Microservices Explosion UI Development in a Microservices World 🌎 Real Developer Stories How to Win 🏆 Photo by Glyn Lowe PhotoWorks flickr.com/photos/glynlowe/10039742285
- 9. A Brief Historyof Web Frameworks
- 10. The Microservices Explosion💥 https://martinfowler.com/articles/microservices.html
- 11. The Microservices Explosion💥 Conway's Law in action Service boundaries reinforced by team boundaries
- 12. UI Development ina Microservices World 🌎 https://micro-frontends.org
- 13. State of theArt in Java + JavaScript https://www.jhipster.tech
- 14. JHipster 6 MicroservicesUI Overview https://youtu.be/-QCuWgLQmdg
- 15.
- 16.
- 17.
- 18. Techniques Web components asthe target output Custom elements to create web components DOM Events to communicate between frontends Server-side rendering and SSI (server-side includes) or ESI (edge-side includes) CDNs and cache-busting as a deployment mechanism
- 19. Frameworks for MicroFrontends Project Mosaic: https://www.mosaic9.org Single-spa: https://single-spa.js.org Demo: https://single-spa.surge.sh
- 20.
- 21.
- 22. Other Companies usingMicro Frontends https://medium.com/@tomsoderlund/micro-frontends-a-microservice-approach-to- front-end-web-development-f325ebdadc16
- 23. How to Winat UI Dev with Microservices Use a monolith with one framework, components, and lazy-loading Use micro frontends that allows any framework, leveraging web components
- 24. Learn More https://micro-frontends.org https://martinfowler.com/articles/micro-frontends.html CaSE Podcast- https://www.case-podcast.org Micro Frontends with Gustaf Nilsson Kotte Web Frontend with Lucas Dohmen ThoughtWorks Podcast: What’s so cool about micro frontends?
- 25. Make some $$🤑 https://github.com/jhipster/generator-jhipster/issues/10189
- 26.
- 27.