The Future of Web Development: An In-depth Analysis of Micro-Frontend Approaches |
||
 |
 |
|
| © 2023 by IJCTT Journal | ||
| Volume-71 Issue-11 |
||
| Year of Publication : 2023 | ||
| Authors : Nilesh Savani | ||
| DOI : 10.14445/22312803/IJCTT-V71I11P109 | ||
How to Cite?
Nilesh Savani, "The Future of Web Development: An In-depth Analysis of Micro-Frontend Approaches," International Journal of Computer Trends and Technology, vol. 71, no. 11, pp. 65-69, 2023. Crossref, https://doi.org/10.14445/22312803/IJCTT-V71I11P109
Abstract
Web development has witnessed transformative shifts, evolving from simple, text-centric pages to dynamic, user-engaging platforms. This evolution, marked by the introducing of technologies like CSS, JavaScript, and AJAX, has led to the rise of Single Page Applications (SPAs) offering desktop-like experiences. With the proliferation of mobile devices, frameworks like Bootstrap and libraries such as React and Angular have become pivotal. Concurrently, backend architectures have transitioned from monolithic structures to modular constructs like microservices. This research delves into the emerging paradigm of micro-frontends, exploring various methodologies for their implementation. These methodologies include the Single-SPA “meta framework”, multiple SPAs with distinct URLs, and IFrames with Window.postMessage APIs, a shared events bus, Varnish Cache integration, standardized web components, and “Blackbox” React components. Each approach offers unique advantages and challenges, emphasizing modularity, encapsulation, and interoperability. The research concludes that the choice of micro-frontend methodology should align with project-specific needs. As web development continues its innovation trajectory, understanding and harnessing these methodologies become crucial for building scalable, maintainable, and efficient web applications.
Keywords
Web development, Microservices, Micro-frontends, Single Page Applications (SPAs), Service-Oriented Architecture (SOA), Responsive designs.
Reference
[1] Michael Geers, “Micro Frontends - Extending the Microservice Idea to Frontend Development,” 2019.
[Google Scholar] [Publisher Link]
[2] Håkon Wium Lie, and Bert Bos, “Cascading style sheets, level 1,” W3C, 1996.
[Google Scholar] [Publisher Link]
[3] Single-spa framework, Single-spa. [Online]. Available: https://single-spa.js.org/docs/create-single-spa/#--framework
[4] Erich Gamma et al., Design Patterns: Elements of Reusable Object-Oriented Software, Pearson Education, 1995.
[Google Scholar] [Publisher Link]
[5] A. Leff, and J.T. Rayfield, “Web-Application Development using the Model/View/Controller Design Pattern,” Proceedings Fifth IEEE International Enterprise Distributed Object Computing Conference, pages 118-127, 2001.
[CrossRef] [Google Scholar] [Publisher Link]
[6] Mark Endrei et al., IBM: Patterns: Service-Oriented Architecture and Web Services, IBM Redbooks, 2004.
[Google Scholar] [Publisher Link]
[7] James Lewis, and Martin Fowler, Microservices, 2014. [Online]. Available: https://martinfowler.com/articles/microservices.html
[8] Jesse James Garrett, “Ajax: A New Approach to Web Applications,” 2007.
[Google Scholar] [Publisher Link]
[9] Tom Söderlund, Micro Frontends - A Microservice Approach to Front-End Web Development, Medium, 2017.
[Google Scholar] [Publisher Link]
[10] Bartosz Gałek, Bartosz Walacik, and Paweł Wielądek, Managing Frontend in the Microservices Architecture, Allegro.Tech, 2016. [Online]. Available: https://blog.allegro.tech/2016/03/Managing-Frontend-in-the-microservices-architecture.html
[11] Including Front-End Web Components into Microservices, Technology Conversations, 2015. [Online]. Available: https://technologyconversations.com/2015/08/09/including-front-end-web-components-into-microservices