How an AppNoy app is structured

Every app in AppNoy is made of three layers that talk to each other: screens and elements (what the visitor sees), data (variables and on-device / server tables) and automations (what happens on clicks, entering, leaving, or when the time comes). This guide walks through each layer in its own chapter, then shows how the three connect together with full examples.

• Screen - a single page in the app. An app can contain several screens, and moving between them is done with the automation action navigate.
• Element - a single building block inside a screen: heading, button, image, input field, etc. (full detail in the "Elements" chapter).
• One automation graph for the whole app - unlike what you might expect, there isn't a separate graph per screen. Every event and action for every screen lives in the same "automation editor," and the distinction between screens is made by setting a screenId on screen-enter/leave events, or simply because the elementId you picked only exists on one particular screen.