Skip to content

Features Pricing Docs Community Blog

Parent hub

App Connect

Your guided index of App Connect tours: reactive model, data components, bindings, events/actions, and common workflows — explained visually in Wappler’s panels and pickers.

You are here: App Connect Reference Index

Start here

Add App Connect to Your PagesUnderstand when a page needs App Connect and how to introduce reactive behavior without turning a simple page into unnecessary complexity.

Counter (reactivity starter)A compact App Connect starter in Wappler: a Variable stores state, a button updates it, and a bound text label reflects the new value immediately.

Calculator (expressions + toNumber)Build a small reactive calculator in Wappler and use it to understand expressions, input scope, and why toNumber() is essential before doing numeric math in bindings.

App Connect Quick OverviewA hands-on intro to App Connect in Wappler: review key components, configure Properties, and attach an event action.

Demo walkthrough: Dynamic Real Estate SiteGuided walkthrough of the Demo Dynamic Real Estate Site, focusing on App Connect data loading, filtering, and UI bindings.

Contact list to detail route handoffUse the real contacts and contact detail pages to see how App Connect turns a repeated list, route parameter, and detail loader into one continuous record flow.

Contact create and success handoffUse the real contact add page to see how App Connect combines lookup data, submission state, and the success handoff into the new contact detail page.

Contact delete confirmation and return handoffUse the real contact edit page to see how App Connect keeps the destructive delete flow explicit with confirmation, request state, and a return-to-contacts handoff.

Files library stats, links, and navigationUse the real files page to see how App Connect turns loaded file rows into summary cards, outbound file links, and project-navigation links.

Reactive basics (data → UI)A beginner-friendly mental model for App Connect: how data, bindings, events, actions, and Dynamic Attributes combine into reactive UI updates.

Core concepts (expressions + bindings)Understand App Connect’s reactive model, expression rules, scoping, and how to use Wappler’s data/action pickers to build bindings visually.

Browse categories

Core componentsData-oriented building blocks: data components and common data sources.

State managementKeep UI state in URL and browser storage (Query/Cookie/Session/Local).

Data bindings & formattingExpressions, bindings, pickers, and formatter chains for display-ready values.

InteractionWire events to actions, and work with Dynamic Events/Attributes.

FormsBind form inputs, configure validation, and build repeatable sections using concrete Demo Projects HQ pages where possible.

Reference hubs

App Connect Reference IndexGenerated index that routes to the App Connect reference tour collections.

Web Framework ReferencesCurrent web-facing reference coverage for Bootstrap 5 and version-agnostic App Connect surfaces, grouped separately from mobile-specific references.

Mobile Framework ReferencesCurrent mobile reference coverage for Framework7 7.8 and related mobile-first App Connect surfaces, separated from the web framework catalog.

Best practices

Organization best practices (data-first)Keep App Connect pages readable and fast: organize non-visual data components (Variables, Data Stores, Server Connect) at the top, named and grouped before UI usage.

Performance: conditional rendering (dmx-if)Improve App Connect performance by using conditional regions (dmx-if) and placing conditional-only data/components inside them so they don’t render or process until needed.

Go to

Wappler Docs IndexChoose the right Wappler learning path: beginner onboarding, task-based how-to guides, advanced reference, switching guides, and product-area indexes.

HTML EditorBrowse HTML Editor tours: Quick Overview, Design + Code, and Page Panels.

Main indexes

Wappler Docs Index Legacy docs without tour coverage Full docs index Progress

Select theme

Open in Wappler

App Connect Reference Index

Index that routes to the App Connect reference tour collections.

Index that routes to the App Connect reference tour collections.

← Previous
Forms → Next
Web Framework References