Server Side Page Fragment Composition Design Pattern for Microservices E...

Server Side Page Fragment Composition Design Pattern for Microservices Explained with Examples

In this video we will learn about Server-Side Page Fragment Composition design pattern for microservices. Server Side Composition pattern assembles Fragments on the server side. There are customer-facing applications like B2C e-commerce web applications etc developed via microservices. There are many screens/pages to display data from multiple services. Server-side composition pattern suggest that UI fragments should be composed on the server, which means the client-side receives a fully assembled page, resulting in increased loading speed. Here assembly of fragments are performed by a separate component, located between the web browser and web servers. An example of such middle man component is CDN (content delivery network). Server-Side Page Fragment pattern works closely with Micro Frontends Patterns. Micro frontend is an architectural and organizational style not a technology. In Micro frontend, the front-end of the app is decomposed into individual, loosely coupled “micro apps” that can be built, tested, and deployed independently. Just like in the world of microservices where the backend is chopped into individual services. Working of Server Side Page Fragment Composition This pattern has layout server and fragment services. Layout Server + Fragments Server is a simple Server Side Composition. The Fragments Server here means the server that returns the Fragments by each Micro Frontends team, and the Layout Server is the server side application such as Rails, PHP, Node.js, etc. that assembles the Fragments and returns the final HTML, CSS, and JS. There are several frameworks that can do Server Side Composition with this pattern, including OpenComponents, Podium, PuzzleJs, Tailor, Tailor - Tailor is a more sophisticated Layout Server, with some unique features in terms of assembling Fragments. In Tailor, each Fragment is requested asynchronously and can be prioritized as primary async. Using a library like Tailor that focuses on Layout Server functionality reduces the number of considerations on the part of the Micro Frontends consumer. #serverside #microservicedesignpatterns #designpattern ** CHECK OUT OUR OTHER VIDEOS ** Access Token JWT Token Design Pattern for Microservices    • JWT Access Token ...   Difference between Monolithic and Microservice Architecture    • Difference betwee...   Spring boot project setup:    • Spring boot Proje...   Spring Boot Microservice with postgres database Project:    • Spring Boot Micro...   Prepare Docker file, Container and Build Image:    • Docker Tutorial f...   Deploy Docker Image AWS Elastic Container Service:    • Deploy Springboot...   Solid Principle Tutorial    • Solid Principles ...   ** CHECK OUR PLAYLISTS ** Microservice Architecture and Microservice Design Patterns Tutorial    • Microservice Arch...   Spring Boot Complete Tutorial    • Spring Boot Tutor...   Docker Containers Complete Tutorial    • Cloud & Container...   Solid Principles Tutorial    • Solid Principles ...   Java Design Pattern Complete Tutorial with Examples    • Java Design Patte...   ** ABOUT OUR CHANNEL ** CodeOneDigest is a youtube channel that produces videos on programming languages, cloud and container technologies, Software design principles, Java frameworks in English and Hindi languages. Dosto, CodeOneDigest youtube channel pe aapko programming languages, container technology, cloud computing, software engineering se related videos milenge. Check out our channel here:    / @codeonedigest   Don’t forget to subscribe! ** OUR WEBSITE ** https://codeonedigest.wordpress.com/ ** GET IN TOUCH ** Email us on codeonedigest@gmail.com FOLLOW US ON SOCIAL - LIKE, SHARE & SUBSCRIBE Get updates or reach out to Get updates on our Social Media Profiles! Subscribe: https://bit.ly/3NeWQ8U Youtube:    / @codeonedigest   Twitter: https://twitter.com/codeonedigest Facebook: https://www.facebook.com/codeonedigest Instagram: https://www.instagram.com/codeonedigest/ Linkedin: https://www.linkedin.com/in/codeone-d... Reddit: https://www.reddit.com/user/codeonedi... Github: https://github.com/codeonedigest Website: https://codeonedigest.wordpress.com/ Tumblr: https://www.tumblr.com/codeonedigest Pinterest: https://in.pinterest.com/codeonedigest/