Authors : Ali M. Iqbal; Fahad Al Shunaiber; Majed Al Otaibi; Prasanna Krishnamurthy

Volume/Issue : Volume 10 - 2025, Issue 11 - November

Google Scholar : https://tinyurl.com/36au9kvk

Scribd : https://tinyurl.com/2w37e297

DOI : https://doi.org/10.38124/ijisrt/25nov282

Note : A published paper may take 4-5 working days from the publication date to appear in PlumX Metrics, Semantic Scholar, and ResearchGate.

Note : Google Scholar may take 30 to 40 days to display the article.

Abstract : Modern cloud digital experience portals demand flexible, reusable UI components that can adapt to heterogeneous service architecture and evolving data schemas. Traditional frameworks often rely on tightly coupled bindings between components and service responses, limiting reuse, maintainability, and integration with legacy systems. This paper introduces ConfigBindX, a configuration-driven framework for declarative data binding and transformation. ConfigBindX enables schema-agnostic rendering by separating widget templates from service-specific logic, allowing each widget instance to operate independently through its own configuration. Using composable grammar inspired by the Decorator Pattern, ConfigBindX supports runtime evaluation of expressions enabling dynamic adaptation without modifying component code. The architecture supports scalable instantiation of widgets across domains like HR, CRM, and Finance, with each instance consuming data from its respective service via a shared resolver. This decoupling allows even legacy services to be integrated seamlessly, promoting modularity and maintainability. Future extensions include ConfigBindX-based Data Connectors, which will declaratively orchestrate service requests, payload construction, and response transformation—further advancing the vision of fully declarative UI–service interaction.

Keywords : Declarative Binding, Compone, Configuartation-Driven UI, Schema-Agnostic Rendering, Template Reuse, Expression Resolver, Decorator Pattern, Cross-Domain UI, Dynamic UI Composition, Configuration Isolation.

References :

1. T. Zhou et al., “DeclarUI: Bridging Design and Development with Automated Declarative UI Code Generation,” Proc. ACM Software Engineering Conf., 2025, doi: 10.1145/3715726
2. O. Beaudoux, A. Blouin, O. Barais, and J.-M. Jezequel, “Specifying and Implementing UI Data Bindings with Active Operations,” Proc. ACM SIGCHI EICS, 2011, doi: 10.1145/1996461.1996506
3. K. You, H. Fukuda, and P. Leger, “The Impact of Context-Oriented Programming on Declarative UI Design in React,” Proc. ENASE, 2025, doi: 10.5220/0013432300003928
4. A. Carrera-Rivera et al., “AdaptUI: A Framework for Adaptive User Interfaces in Smart Product–Service Systems,” User Modeling and User-Adapted Interaction, Springer, 2024. doi: 10.1007/s11257-024-09414-0
5. ServiceNow, “Widget Development Guide,” Zurich Platform UI Docs, 2024. [Online]. https://www.servicenow.com/docs/bundle/zurich-platform-user-interface/page/build/service-portal/concept/widget-dev-guide.html