Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Cam Jackson- Evolving Web Applications Using Micro Frontends (Evolution)

236 views

Published on

In recent years, we've seen an explosion in the use of microservices to avoid the limitations of backend monoliths, but many organisations continue to struggle with large, monolithic frontend codebases.

In this talk, Cam will explore how to break up a web application into decoupled micro frontends, and how such an architecture can improve delivery quality and efficiency. In particular, he will share real-world examples to explore how this approach makes it easier to upgrade frontend code incrementally, enabling evolution of both the technology stack and the user experience of your applications.

Published in: Technology
  • Be the first to comment

Cam Jackson- Evolving Web Applications Using Micro Frontends (Evolution)

  1. 1. CAM JACKSON Senior Developer @thecamjackson #EvolutionTW #ThoughtWorks
  2. 2. Cam Jackson SCALING FRONTEND DEVELOPMENT WITH MICRO FRONTENDS
  3. 3. Building Microservices Sam Newman
  4. 4. MICRO FRONTENDS: An architectural style where independently deliverable frontend applications are composed into a greater whole
  5. 5. BUILD-TIME INTEGRATION
  6. 6. BUILD-TIME INTEGRATION
  7. 7. RUN-TIME INTEGRATION
  8. 8. RUN-TIME INTEGRATION
  9. 9. RUN-TIME INTEGRATION
  10. 10. http://samnewman.io/patterns/architectural/bff/
  11. 11. STYLE CONFLICTS Are they underlined or not!?
  12. 12. SASS
  13. 13. CSS MODULES
  14. 14. CSS-IN-JS Plain inline styles: Behold the power of components!
  15. 15. SHARED COMPONENT LIBRARIES
  16. 16. FAQ: HOW ‘MICRO’?
  17. 17. FAQ: WHATABOUT DOWNLOAD SIZES?
  18. 18. ?https://camjackson.net @thecamjackson

×