Microfrontendsantipatterns微前端的反模式开发_LucaMezzalira

Luca MezzaliraPrincipal Serverless Specialist Solutions Architect亚马逊云科技 There is no compressionalgorithm forexperience“”Andy Jassy – CEO of Amazon Luca Mezzalira Principal Serverless Specialist at AWSInternational SpeakerAuthor Mic ro -Fro nte nds are th ete c hnic al re pre s e ntatio n o f abus ine s s s ubdo main, th ey allo winde pe nde ntimple me ntatio ns w ith th es ame o r diffe re nt te c hno lo gy. Finally ,th ey sh o uldminimize the c o de s hare d w ith o th ersubdo m ains and th ey areo wn by a s ingle te am Mic ro -Fro nte nds are th ete c hnic al re pre s e ntatio n o f abus ine s s s ubdo main, th ey allo winde pe nde ntimple me ntatio ns w ith th es ame o r diffe re nt te c hno lo gy. Finally ,th ey sh o uldminimize the c o de s hare d w ith o th ersubdo m ains and th ey areo wn by a s ingle te am Mic ro -Fro nte nds are th ete c hnic al re pre s e ntatio n o f abus ine s s s ubdo main, th ey allo winde pe nde ntimple me ntatio ns w ith th es ame o r diffe re nt te c hno lo gy. Finally ,th ey sh o uldminimize the c o de s hare d w ith o th ersubdo m ains and th ey areo wn by a s ingle te am Mic ro -Fro nte nds are th ete c hnic al re pre s e ntatio n o f abus ine s s s ubdo main, th ey allo winde pe nde ntimple me ntatio ns w ith th es ame o r diffe re nt te c hno lo gy. Finally ,th ey sh o uldminimize the c o de s hare d w ith o th ersubdo m ains and th ey areo wn by a s ingle te am Mic ro -Fro nte nds are th ete c hnic al re pre s e ntatio n o f abus ine s s s ubdo main, th ey allo winde pe nde ntimple me ntatio ns w ith th es ame o r diffe re nt te c hno lo gy. Finally ,th ey sh o uldminimize the c o de s hare d w ith o th ersubdo m ains and th ey areo wn by a s ingle te am Mic ro -Fro nte nds are th ete c hnic al re pre s e ntatio n o f abus ine s s s ubdo main, th ey allo winde pe nde ntimple me ntatio ns w ith th es ame o r diffe re nt te c hno lo gy. Micro-Frontends benefits Decentralization Yin and Yang“”(Micro-Frontends and Components) A component A micro-frontend Too many… components? Are you designing a micro-frontendor a component? Hydra of Lerna“”(Multi frameworks approach) Frameworks, frameworks everywhere! How manyUI libraries or frameworkswould you use in a SPA? Multi-framework approach 12Dealing w ithlegacy system sMigration to a newUIfram ew ork/library Afteracquiringnew com panies Use multi-frameworks when appropriate,don’t optimize your architecture for them The swiss army knife“”(Write programs that do one thing and do it well) The greenfield project… The legacy editor •A n ticor r uption lay e r•A r chite ctur e d e cision s al ign m e n t•R e ad y for the futur e Legacy Editor Spare the application shell codebase,use an anti-corruption layerfor the legacy system A return ticket, please“”(Unidirectional data flow at the rescue) Sharing Unidirectional data flow at the rescue Unidirectional data flow learnings Avoid bi-directional sharingunless strictly needed Relax, it’s just code“”(Avoid organizational coupling) Design-time coupling Loosely coupled entities Embrace loosely coupledbut highly aligned MFEs Let’s hammer the APIs“”(Multiple MFEs calling the same endpoint) Multiple MFEs in the same view Possible solutions Possible solutions Component B Understand the end-to-end impactof your decisions Bye bye big-bang“”(Iterative deployment) Migration strategies Migration strategies Migration strategies /catalog Migration strategies /home /account https://bit.ly/3G0SnNR Iteratively deploy micro-frontends helpsincreasing the developers confidenceas well as adding value for users Architecture is always a trade-off,just find a balancedapproach for your context 谢谢 Luca Mezzaliralmezza@amazon.com