BI-DIRECTIONAL EDITING BETWEEN VISUAL SCREEN DESIGNER AND SOURCE CODE

In an example embodiment, a change pertaining to a first element in a visual representation of a screen of a hybrid application in a screen design tool of an application development tool in an enterprise mobility platform is detected. A library of elements is accessed to retrieve a first code-generating algorithm corresponding to the first element, the first code-algorithm designed to create a first block of source code written in a scripting language that can be rendered as a user interface representation. A code preview tool of the application development tool is caused to display source code written in the scripting language, the source code displayed by the code preview tool reflecting the change pertaining to the first element by the code preview tool adding, changing, or removing the first block of source code corresponding to the first element to or from a previously displayed version of the source code.