JAX Mainz / Remote
@duffleitMicroFrontendsVergangenheit, Gegenwart & ZukunftJAX 2021Mainz / Remote, Mai 2021
View Slide
@duffleit@duffleit@duffleit[email protected]David LeitnerCoding Architect
@duffleit
@duffleitMontag, 29.02.2016
@duffleit~ 160 Views~ 240 Models
@duffleitTransactionsOverviewPaymentCreationSelf ServiceConsolehyperlinkhyperlink
@duffleitMicroFrontends @ v0.0.1-alpha
@duffleithttps://bluepnume.medium.com/less-is-more-reducing-thousands-of-paypal-buttons-into-a-single-iframe-using-xcomponent-d902d71d8875
@duffleitTransactionsOverviewPaymentCreationSelf ServiceConsoleiframeiframehyperlinkhyperlink
@duffleit2016Hyperlink
@duffleithyperlink
@duffleit2016HyperlinkIframesClientSideIntegration> 50%of internet trafic fromphonesServerSideIntegration
@duffleitTransactionsOverviewPaymentCreationSelf ServiceConsoleiframehyperlinkhyperlinkSelfServiceμService
@duffleitEdgeServicePaymentCreationfragmentSelfServiceμServicePayment CreationμService
@duffleitServer Side Includesor Edge Side IncludesProject Mosaic
@duffleit2016HyperlinkIframesClientSideIntegrationServerSideIntegrationServer SideIncludes
@duffleitRound Trips
@duffleitApp Shell/create-paymenttemplate/overviewtemplatePaymentμServiceTransactionsOverviewSelf ServiceConsoleSelf Service μServicePaymentCreationTransactionsμServicerequestSelf ServiceConsolePaymentCreationnavigationnavigation
@duffleit• Meta-Router• State Sharing• Authn/Authz
@duffleitApp ShellPaymentμServiceTransactionsOverviewSelf ServiceConsoleSelf Service μServicePaymentCreationTransactionsμServicerequest/overviewtemplate/create-paymenttemplateSelf ServiceConsolePaymentCreationnavigationnavigation
@duffleitApp ShellPaymentμServiceTransactionsOverviewSelf ServiceConsoleSelf Service μServicePaymentCreationTransactionsμServicerequest/overviewtemplate/create-paymenttemplateSelf ServiceConsolePaymentCreationnavigationnavigationExternalswindow.ng.core =@angular/corebundle
@duffleit2016HyperlinkIframesClientSideIntegrationServerSideIntegrationServer SideIncludesmeta-spa-routerFirstMeaningfulPaint!
@duffleit0 sec 0.3 sec 0.5 sec 0.7 secFirstMeaningfulPaintJS
@duffleitProgressive Enhancement
@duffleit2016HyperlinkIframesClientSideIntegrationServerSideIntegrationServer SideIncludesmeta-spa-routerProgressiveEnhancement?
@duffleit2016HyperlinkIframesClientSideIntegrationServerSideIntegrationServer SideIncludesmeta-spa-routerProgressiveEnhancement
@duffleitHost - ContainerClient - Container< Profile />ProfileService
@duffleit2016HyperlinkIframesClientSideIntegrationServerSideIntegrationServer SideIncludesmeta-spa-router
@duffleitDavid Leitner @ DevoxxUA 2018: Micro Frontends – a strive for fully Verticalized Systemshttps://www.youtube.com/watch?v=oxVRG71rF3w
@duffleitAber auch wenn mit ModuleFederation vieles besser wird*,oft ist ein Frontend Monolith für diegegebenen Anforderungen auch“cool genug”. 😎
@duffleitby: twitter.com/swardley
@duffleitDavid LeitnerCoding Architect[email protected]All das Präsentiertund vieles mehr:
@duffleitLet’s talk aboutMicroFrontends:David LeitnerCoding Architect[email protected]