EFFICIENT AND INTUITIVE DATABINDING FOR MOBILE APPLICATIONS

Systems and methods are provided for allowing end users to intuitively databind functional components to backend services through visual affordances. Each UI component can advertise which sections of the UI can be independently databound to individual properties coming from data of backend services. When the user wishes to databind a UI component, the sections of the UI that can be databound now transforms to show relevant text describing the function of that particular section. The user can be presented with a databinding interface that consistent of all the possible pieces of data that the user can bind to as well as visual slots that map to the slots in the visual preview. To databind a component, a user can drag and drop the particular piece of data from the available list, and drop that into the slot they want that data to apply to.