State Management Techniques and Options for Micro-frontend Web Development

International Journal of Computer Science and Engineering

© 2024 by SSRG - IJCSE Journal

Volume 11 Issue 7

Year of Publication : 2024

Authors : Tanmaya Gaur

10.14445/23488387/IJCSE-V11I7P102

How to Cite?

Tanmaya Gaur, "State Management Techniques and Options for Micro-frontend Web Development," SSRG International Journal of Computer Science and Engineering , vol. 11,  no. 7, pp. 8-14, 2024. Crossref, https://doi.org/10.14445/23488387/IJCSE-V11I7P102

Abstract:

The intention behind building applications as Micro Frontend is to develop the experience as a composition of features which are owned and developed completely isolated and by independent teams. These micro-experiences are strung together at run-time or build-time to deliver a single cohesive application experience to the end user. State management refers to the patterns of persisting application data across multiple components and web pages. The state was available to the client application and is used to determine end-user experience. Effective state management keeps the experiences across the entire application session in sync and predictable. Traditional application development has some well-defined options to solve state management. For applications implemented as micro-frontends, there are specific nuances and implications of that development paradigm which need to be accounted for. This paper will attempt to review traditional state management methodologies and provide an overview of considerations when using a micro-frontend style application.

Keywords:

State Management, CRM, Web Development, Micro-frontend.

References:

[1] Session Management Cheat Sheet, Owasp Cheat Sheet Series, Owasp, 2024. [Online]. Available: https://cheatsheetseries.owasp.org/cheatsheets/Session_Management_Cheat_Sheet.html.
[2] Using the web Storage API, MDN Web Docs, Developer. Mozilla, 2024. [Online]. Available: https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API.
[3] IndexedDB API, MDN Web Docs, Developer. Mozilla, 2024. [Online]. Available: https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API
[4] How to Store Session Tokens in a Browser (And the Impacts of Each), Ropnop Blog, 2020. [Online]. Available: https://blog.ropnop.com/storing-tokens-in-browser/#global-variable.
[5] Chanchal Aidasani, Browser Storage: A Comparative Analysis of IndexDB, Local Storage, and Session Storage, Browsee, 2023. [Online]. Available: browsee.io/blog/unleashing-the-power-a-comparative-analysis-of-indexdb-local-storage-and-session-storage/.
[6] Craig Buckler, How to Use IndexedDB to Manage State in JavaScript, StackAnatomy, Medium, 2021. [Online]. Available: medium.com/stackanatomy/how-to-use-indexeddb-to-manage-state-in-javascript-50ac358d896c. 
[7] James L. Milner, Service Worker State Management, Jameslmilner, 2018. [Online]. Available: https://www.jameslmilner.com/posts/serviceworker-state-management/.
[8] State Management: Overview, React Common Tools and Practices, Netlify.app, 2022. [Online]. Available: react-community-tools-practices-cheatsheet.netlify.app/state-management/overview/