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)

546 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
  • To get professional research papers you must go for experts like ⇒ www.HelpWriting.net ⇐
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • I have always found it hard to meet the requirements of being a student. Ever since my years of high school, I really have no idea what professors are looking for to give good grades. After some google searching, I found this service ⇒ www.HelpWriting.net ⇐ who helped me write my research paper. The final result was amazing, and I highly recommend ⇒ www.HelpWriting.net ⇐ to anyone in the same mindset as me.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

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

×