Onboarding
  • 05 May 2022
  • 3 Minutes to read
  • Dark
    Light
  • PDF

Onboarding

  • Dark
    Light
  • PDF

Onboarding Part 1 - Intro to Composer Pro

Adding view components

Learn how to build your app's user interface by dragging-and-dropping new components from the component library on the left onto the view canvas in the middle.


Preview on device

Learn how to preview your app on a mobile device


Change text content

Learn how to change view component properties – in this case, the text content of a paragraph.


Edit component styles

Learn how to edit component styles with style classes.


Add logic

Learn how to add logic to your app with flow functions.


Onboarding Part 2 - Logic & Flow functions

Create logic flows

Learn how to chain multiple flow functions together to create chained logic flows, where flow functions are run one after another.


Use output of previous node in logic

Learn how to use the output of a previous node in the logic chain as input for a subsequent flow function. For example, taking a picture and then using the local filesystem path to the captured photo file.


Create branching logic

Learn how to create branching logic, where different outcomes from a flow function execution can cause your logic to continue on different paths.


Navigate to another page

Learn how to add new pages to your app and navigate to them.


Add a flow function from the Marketplace

Learn how to access the Marketplace, where you can find a growing library of flow functions that give access to integrated native APIs and other functionalities.


Onboarding Part 3 - Variables

These onboarding videos are quick go-through of the key features.

Using variables

Learn how to use variables, which allow you to store and access dynamic data while your app is running.


Changing variables with logic

Learn how to change variables with flow functions, giving them new values while your app is running.


Two-way bound variables

Learn how Composer's automatic two-way binding works and make an input field change the value of a bound variable when the user types something into it.


Page parameters

Learn how to use page parameters to pass data to a new page that the user navigates to.

Connect the debugger

Learn how to connect the AppGyver Preview app running on your mobile device to the Debugger. This allows you to view and edit your app state in real time, as well as see what events and flow functions get executed in your app.


Onboarding Part 4 - Data resources & REST

Creating data

Learn how to define a new data resource, define a New type data variable, and create a data record using flow functions.


Listing data

Learn how to fetch and show a collection of records from a backend, and show them in your app using repeated components.


Show single data record

Learn how to create a details page that fetches a single data record, based on an ID parameter that is passed to it by clicking a list item.


Updating records

Learn how to update and delete records from your database with flow function logic, as well as how to change the default backend polling logic for your data variables.


Use REST API to list data

Learn how to use a custom REST API integration to fetch a collection of data records and show them on a list in your app.


Onboarding Part 5 - Formulas

Dynamic text

Learn how to use formula functions to show dynamic text in your app.


Simple math

Learn how to do simple math with formulas, including incrementing a numeric page variable when the user taps a component.


Using formula functions

Learn how to use formula functions to go beyond simple math and dynamic text.


Use IF and nested functions

Learn how to use nested formula functions, using the IF function as an example to randomly make item names in a list uppercase or lowercase.


Use sensor variables

Learn how to use sensor variables to access dynamic data from your device sensors.


Was this article helpful?