{"status":"ok","message-type":"work","message-version":"1.0.0","message":{"indexed":{"date-parts":[[2025,12,10]],"date-time":"2025-12-10T05:39:11Z","timestamp":1765345151518,"version":"3.46.0"},"reference-count":25,"publisher":"MDPI AG","issue":"4","license":[{"start":{"date-parts":[[2025,12,8]],"date-time":"2025-12-08T00:00:00Z","timestamp":1765152000000},"content-version":"vor","delay-in-days":0,"URL":"https:\/\/creativecommons.org\/licenses\/by\/4.0\/"}],"content-domain":{"domain":[],"crossmark-restriction":false},"short-container-title":["Software"],"abstract":"<jats:p>Regulated web systems require traceable, rollback-safe UI delivery, yet conventional static deployments and Boolean flagging struggle to provide per-user versioning, deterministic fallbacks, and audit-grade observability. The objective of this research is to develop and validate a runtime frontend architecture that enables per-session component versioning with deterministic fallbacks and audit-grade traceability for regulated systems. We present a dynamic frontend architecture that integrates typed GraphQL flag schemas, runtime module federation, and structured observability to enable per-session and per-route component versioning with deterministic fallbacks. We formalize a version-resolution function v = f(u, r, t) and implement a production system that achieved a 96% reduction in MTTR, a P90 fallback rate below 0.7%, and over 280 k session-level logs across 45 days. Compared to static delivery and standard flag evaluators, our approach adds schema-driven targeting, component-level isolation, and audit-ready render traces suitable for compliance. Limitations include cold-start overhead and governance complexity; we provide mitigation strategies and discuss portability beyond fintech.<\/jats:p>","DOI":"10.3390\/software4040032","type":"journal-article","created":{"date-parts":[[2025,12,8]],"date-time":"2025-12-08T14:52:24Z","timestamp":1765205544000},"page":"32","update-policy":"https:\/\/doi.org\/10.3390\/mdpi_crossmark_policy","source":"Crossref","is-referenced-by-count":0,"title":["Dynamic Frontend Architecture for Runtime Component Versioning and Feature Flag Resolution in Regulated Applications"],"prefix":"10.3390","volume":"4","author":[{"ORCID":"https:\/\/orcid.org\/0009-0005-1052-1912","authenticated-orcid":false,"given":"Roman","family":"Fedytskyi","sequence":"first","affiliation":[{"name":"ORSNN, 2608 2nd Av Suite 501, Seattle, WA 98121, USA"}]}],"member":"1968","published-online":{"date-parts":[[2025,12,8]]},"reference":[{"key":"ref_1","unstructured":"Fowler, M. (2025, December 01). Blue-Green Deployment. MartinFowler.com. Available online: https:\/\/martinfowler.com\/bliki\/BlueGreenDeployment.html#:~:text=approach%20does%20this%20by%20ensuring,blue%20one%20is%20now%20idle."},{"key":"ref_2","unstructured":"Ford, N., Parsons, R., and Kua, P. (2017). Building Evolutionary Architectures, O\u2019Reilly Media."},{"key":"ref_3","unstructured":"Richards, M. (2015). Software Architecture Patterns, O\u2019Reilly Media."},{"key":"ref_4","unstructured":"Mezzalira, L. (2021). Micro Frontends in Action, Manning Publications."},{"key":"ref_5","unstructured":"Jackson, C. (2025, December 01). Micro Frontends, Martinfowler.com. Available online: https:\/\/martinfowler.com\/articles\/micro-frontends.html#:~:text=Good%20frontend%20development%20is%20hard,application%20that%20demonstrates%20the%20technique."},{"key":"ref_6","unstructured":"Webpack Core Team (2025, December 01). Module Federation. Webpack Documentation. Available online: https:\/\/webpack.js.org\/concepts\/module-federation\/."},{"key":"ref_7","unstructured":"Mezzalira, L. (2021). Building Micro-Frontends: Scaling Teams and Projects, Empowering Developers, O\u2019Reilly Media."},{"key":"ref_8","doi-asserted-by":"crossref","unstructured":"Bogner, J., Fritzsch, J., Wagner, S., and Zimmermann, A. (2019, January 25\u201326). Microservices in industry: Insights into technologies, characteristics, and software quality. Proceedings of the IEEE International Conference Software Architecture Companion (ICSA-C), Hamburg, Germany.","DOI":"10.1109\/ICSA-C.2019.00041"},{"key":"ref_9","unstructured":"Hodgson, P. (2025, December 01). Feature Toggles (aka Feature Flags). MartinFowler.com. Available online: https:\/\/martinfowler.com\/articles\/feature-toggles.html#:~:text=Feature%20Toggles%20,of%20toggles%20in%20our%20system."},{"key":"ref_10","unstructured":"LaunchDarkly (2025, December 01). Feature Flags 101: Use Cases, Benefits, and Best Practices. Available online: https:\/\/launchdarkly.com\/blog\/what-are-feature-flags\/#:~:text=Decoupling%20deploy%20from%20release."},{"key":"ref_11","doi-asserted-by":"crossref","first-page":"1","DOI":"10.1007\/s10664-020-09901-z","article-title":"Software development with feature toggles: Practices used by practitioners","volume":"26","author":"Dremann","year":"2021","journal-title":"Empir. Softw. Eng."},{"key":"ref_12","doi-asserted-by":"crossref","unstructured":"Rahman, M.T., Querel, L.-P., Rigby, P.C., and Adams, B. (2016, January 14\u201322). Feature toggles: Practitioner practices and a case study. Proceedings of the 13th International Conference on Mining Software Repositories (MSR), Austin, TX, USA.","DOI":"10.1145\/2901739.2901745"},{"key":"ref_13","doi-asserted-by":"crossref","first-page":"93","DOI":"10.1109\/MC.2008.123","article-title":"Dynamic Software Product Lines","volume":"41","author":"Hallsteinsen","year":"2008","journal-title":"Computer"},{"key":"ref_14","doi-asserted-by":"crossref","unstructured":"Capilla, R., Bosch, J., and Kang, K.-C. (2013). Systems and Software Variability Management: Concepts, Tools and Experiences, Springer.","DOI":"10.1007\/978-3-642-36583-6"},{"key":"ref_15","doi-asserted-by":"crossref","first-page":"615","DOI":"10.1016\/j.is.2010.01.001","article-title":"Automated analysis of feature models 20 years later: A literature review","volume":"35","author":"Benavides","year":"2010","journal-title":"Inf. Syst."},{"key":"ref_16","doi-asserted-by":"crossref","unstructured":"Johansen, C., and Owe, O. (2018). Dynamic structural operational semantics. arXiv.","DOI":"10.1007\/978-3-030-34968-4_30"},{"key":"ref_17","unstructured":"Lenarduzzi, V., and Taibi, D. (2018, January 29\u201331). Microservices, Continuous Architecture, and Technical Debt Interest. Proceedings of the Microservices\/Continuous-Architecture Conference: Euromicro SEAA, Prague, Czech Republic."},{"key":"ref_18","unstructured":"(2025, December 01). MDN Web Docs. \u201cImport() Dynamic Import in JavaScript.\u201d. Available online: https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/JavaScript\/Reference\/Operators\/import."},{"key":"ref_19","unstructured":"Greptime Blog (2025, December 01). What Is OpenTelemetry\u2013Metrics, Logs, and Traces for Application Health Monitoring. Available online: https:\/\/greptime.com\/blogs\/2024-09-05-opentelemetry#:~:text=OpenTelemetry%20%28OTel%29%20is%20an%20open,and%20how%20they%20work%20together."},{"key":"ref_20","unstructured":"New Relic (2025, December 01). 2024 State of Observability for Financial Services and Insurance. Available online: https:\/\/newrelic.com\/resources\/report\/state-of-observability-for-financial-services-and-insurance-2024#:~:text=Delivering%20a%20seamless%20and%20reliable,reliable%20and%20optimized%20for%20performance."},{"key":"ref_21","unstructured":"GraphQL Foundation (2025, December 01). \u201cSchemas and Types.\u201d GraphQL.org. Available online: https:\/\/graphql.org\/learn\/schema\/."},{"key":"ref_22","doi-asserted-by":"crossref","unstructured":"Taibi, D., Lenarduzzi, V., and Pahl, C. (2020). Microservices anti-patterns: A taxonomy. Microservices: Science and Engineering, Springer.","DOI":"10.1007\/978-3-030-31646-4_5"},{"key":"ref_23","doi-asserted-by":"crossref","first-page":"131","DOI":"10.1007\/s10664-008-9102-8","article-title":"Guidelines for conducting and reporting case studies in software engineering","volume":"14","author":"Runeson","year":"2009","journal-title":"Empir. Softw. Eng."},{"key":"ref_24","unstructured":"Yin, R.K. (2018). Case Study Research and Applications: Design and Methods, Sage Publications. [6th ed.]."},{"key":"ref_25","unstructured":"OneNorth (2025, December 01). Beyond the Framework: Building Resilient Front-End Architectures for Adobe Experience Manager. Available online: https:\/\/www.onenorth.com\/insights\/beyond-the-framework-building-resilient-front-end-architectures\/."}],"container-title":["Software"],"original-title":[],"language":"en","link":[{"URL":"https:\/\/www.mdpi.com\/2674-113X\/4\/4\/32\/pdf","content-type":"unspecified","content-version":"vor","intended-application":"similarity-checking"}],"deposited":{"date-parts":[[2025,12,10]],"date-time":"2025-12-10T05:34:35Z","timestamp":1765344875000},"score":1,"resource":{"primary":{"URL":"https:\/\/www.mdpi.com\/2674-113X\/4\/4\/32"}},"subtitle":[],"short-title":[],"issued":{"date-parts":[[2025,12,8]]},"references-count":25,"journal-issue":{"issue":"4","published-online":{"date-parts":[[2025,12]]}},"alternative-id":["software4040032"],"URL":"https:\/\/doi.org\/10.3390\/software4040032","relation":{},"ISSN":["2674-113X"],"issn-type":[{"type":"electronic","value":"2674-113X"}],"subject":[],"published":{"date-parts":[[2025,12,8]]}}}